Re: image quality when exporting gif transparant

[malhyp]

Hi there, can anyone help with a small issue?

I have created a logo which is only in standard text. the text is white and background is transparant.

When i view the image it seems fine. When i esport it the final result when uploaded looks distorted or not clean and accurate.

Can anyone suggest why this is?

Export Settings:
Gif
Websnap adaptive
Loss 0
Colours 256
Dither 0
Alpha Transparacy
Font Size 54
Smooth Anti Alais
325x75 Pixels
Resolution 300 Pixels/Inch
Bicubic

Cheers

[KDLA]

Are you sure that the export process is what's distorting your image? If you have inaccurate height/width settings within the image tag <img> of your HTML coding, those can cause the type of distortion you're describing.

If your settings are correct, try exporting with an Index Transparency.

KDLA

[tracknut]

From my experience, the issue is the aliasing against a transparent background. Think about it. Anti-aliasing involves blending an "edge" from one color to another color. So in your case, the white text, blended against *some color* as a background. My guess is that background might have been black, when the anti-aliasing was done, so there is an edge of gray pixels around your white text. Then, you turned all the black background pixels (but not the gray of course) transparent. If you drop that image on a black background now, it looks great. But if your web page has a blue background, or something else, your gray anti-aliasing pixels don't make sense anymore, an d rather than help to smooth the edge of the text, actually make it look worse than if the text was not anti-aliased to begin with.

Dave

[Centauri]

To add to what traknut said, when creating the graphic, use a background colour the same or similar to the background the image is intended to be placed on, and then make that colour the transparent one. If the graphic needs to blend with a background of vastly differing colours, then a transparent png file might be in order (with all the make-it-work-in-IE6 overheads).

Cheers
Graeme