homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderators: not2easy

Site Graphics and Multimedia Design Forum

Remove white from around edges?

10+ Year Member

Msg#: 3184616 posted 12:58 am on Dec 11, 2006 (gmt 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+ Year Member

Msg#: 3184616 posted 10:10 am on Dec 11, 2006 (gmt 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.


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

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


5+ Year Member

Msg#: 3184616 posted 4:54 am on Dec 22, 2006 (gmt 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]

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved