Remove white from around edges?

[rxsid]

Hi all,

I've greate a gif logo using Fireworks MX. It looks fine on a white background, but when it's over a colored background...there is white along the edges of the text as well as the images in the logo.
I've tried to change any white in the logo to transparent, but I'm not getting all of it. It makes it better by maybe 50%, but not completely gone. Apparently, feathering is supposed to work. I've tried a feathering setting of 10 to 200 and nothing works.

How can I remove the white around the edges?

Thanks!

[basenotes]

Is the logo always on the same colour background? - maybe it is worth putting the logo on a few different colour backgrounds in Fireworks and exporting to gif.

[rocknbil]

The colored background idea is probably best. The "feathering" along type and other object edges is called anti-aliasing and is to help retain the object shape and crispness at various sizes.

When you try to make a background transparent, a few edge pixels in the aliasing are always going to "stick," leaving you with that sparkly white at the edges. So you have to eliminate these pixels completely, which will make your type look choppy and bitmapped, or put the image on the same-colored background before making it transparent, which will effectively hide the anti-alias.

Or, you could try to not design such problems into it by creating objects that will knock out cleanly. :-)

[schwartz]

Best would be to re-create the logo in vector format which can be re-sized to any dimension.

For example, you create this in a vector program like Illustrator and then you can copy it into Photoshop or whatever raster program you're using to output for web.

You won't have this issue then. :)

[edited by: limbo at 12:44 pm (utc) on Dec. 22, 2006]