By drupalfan on

I'm trying to design a logo with GIMP for my Drupal site -- I keep running into the problem of jagged text on a transparent background. How do I create transparent logo text without the jagged edges - I have antialiasing turned on. Thanks.

⋅ Categories: Drupal 5.x

Comments

styro’s picture

styro commented

lemme guess, you are creating GIF files?

The GIF format only has 1 bit of transparency info. That means pixels are either transparent or not, you can't have shades of transparency - hence the jagged edges.

You can use PNGs as they can use 8bits of transparency which allows 256 levels of transparency. Now for the bad news - Internet Explorer doesn't support PNGs well. IE 6 and earlier don't support PNG transparency, and all (I think) versions of IE screw up gamma correction on PNGs which makes it hard to match colours from your CSS values.

If you want it to look good in IE, you'll basically need to match the surrounding background colour in your image.

--
Anton
New to Drupal? | Troubleshooting FAQ
Example knowledge base built with Drupal