Getting Rid of Halos

Note: We're using a bright background here to show the halo effect better. Normally, on a page with lots of text you would want a different background that is not as strong or bright - unless your audience is kids or perhaps teenagers.

Get the
e-Book and
Sky-Rocket
Your Traffic!

Images that are imported to Web pages can have a halo effect as shown here if you are not careful. This is because the GIF format does not support more than a single transparent color, and in the anti-aliasing process the dithered colors can remain.

To eliminate the halo, paste the image into a Photoshop rectangular image with a background of the same background color as the final Web page. Photoshop will then dither the image to that background. Then save the image with the background (using the Web palette) and layer this into your Web page with the HTML editor.

Tip: If you have trouble following this, copy each picture to your editor and see the difference. The first image was set up against a white background, and then the background was dropped to transparent and the image saved. The second image was set as a second level on top of a background that was the same color as this screen. There was no transparency.

Note: Try if possible to always anti-alias images pasted to a Web page from Photoshop.

Let us Help You with Your Web Site Design or Analyze Your Current Web Site...

Let us Help You Get a Great Position in the Search Engines...

Do Your Own Search Engine Positioning and Save!....