DotNetNuke, ASP.NET, Web Development Blog

The Trouble with Transparent GIFs

For one of my clients, I needed to take their logo, shrink it down and place it against a dark brown background... easy enough it seemed. Since their main logo was dark in color, I had them send me a light colored version. It was an Adobo Illustrator file with a transparent background and I thought, "great, I'll just shrink it down as a gif with a transparent background and voila!".

But it was not to be... no matter what I did, the logo came out jagged and the text was unreadable... I talk to a Graphic Designer friend and he mentions anti-aliasing so I do my research and all becomes clear...

In order for an image to be anti-aliased, it needs to have a background color in order to blend it together with the other colors for the smoothing effect. With transparent GIFs, that can't happen as the software doesn't have a background color to blend.

And that's why most designers don't use transparent gifs much, they just don't look as good as a properly anti-aliased image... if you know the background color for the image, it's best to set that as the background in your image editing program and resize the image with that background.

Seems like opacity should be able to help out here... still more to learn...

Comments

Gravatar
Says:
1/7/2006 12:24:52 AM
Gravatar
sledge Says:
4/8/2006 7:46:36 AM
Does png files not do the work? Their you have more colors and transparancy
sledge
Gravatar
Geir Lindgren Says:
3/7/2009 8:16:05 AM
PNG24 is a little more costly in kb buth worth it, smooth transparency. Alternativly, set approximatly background color as mask when exporting the transparent gif. No other options as far as I know.
Leave a Comment
Gravatar
Name:
Email: (not displayed)
Comments:

CAPTCHA image
Enter the code shown above:
Website

Return to previous page
  Search Articles...