Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Remove white from around edges?

12:58 am on Dec 11, 2006 (gmt 0)

New User

10+ Year Member

joined:July 20, 2004
votes: 0

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?


10:10 am on Dec 11, 2006 (gmt 0)

Junior Member

10+ Year Member

joined:Nov 4, 2003
votes: 0

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.
6:53 pm on Dec 11, 2006 (gmt 0)

Senior Member

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Nov 28, 2004
votes: 0

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. :-)

4:54 am on Dec 22, 2006 (gmt 0)

Junior Member

10+ Year Member

joined:Apr 7, 2005
votes: 0

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]