Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

transparent gif

12:18 pm on Dec 10, 2007 (gmt 0)

Preferred Member

10+ Year Member

joined:Mar 30, 2006
votes: 0

whenever i try to save my image as a transparent gif in Photoshop Cs, a white outline appears alongside the image.

Hope someone will help

1:17 pm on Dec 10, 2007 (gmt 0)

New User

5+ Year Member

joined:Dec 10, 2007
posts: 3
votes: 0

Maybe because your image have blurry edges. Try to make the edges exactly in pixels, or in example if you want to make a blurry drop shadow effect of an image, make a new layer below your original/shadow layer and make a 1 or 2 pixels outline using the background color of your web page. It works for me! or you can mail me the image so i can make the gif transparent for you and write you the step by step so you can try it your self.

keep on tryin!

No e-mails please, see TOS [webmasterworld.com]

[edited by: limbo at 3:46 pm (utc) on Dec. 10, 2007]

9:17 pm on Dec 10, 2007 (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

A transparent .gif or .png must be an indexed color image. Try converting it to indexed color *before* saving it as a .gif, the non-transparent area may be obvious.

Or, just re-open the .gif and look at it, you will see the non-transparent line and be able to determine what's doing it in the original file.

12:07 pm on Dec 11, 2007 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 4, 2004
votes: 0

If it's a soft edge around the non transparent part of your image that is actually what you want it to look like unless you're trying to make them for multiple colored backgrounds. I don't have CS but in my image editor I can and do produce this on purpose. The soft edge smooths out contrasting colors between your gif and the background color. If you don't any imges that have a very high contrast with the background will appear very jagged or aliased on round edges or angles.

A good example of this is the smilies common to many forums, they have sets for light or dark backgrounds. The key is getting the correct color soft edge.

3:13 pm on Dec 18, 2007 (gmt 0)

Junior Member

10+ Year Member

joined:Jan 17, 2006
votes: 0

The reason that happens is because of the Matte colour.

When you are saving for Web & Devices, on the right hand side you will see Matte, click on this and select none. Then your outline will dissapear!

3:33 pm on Dec 25, 2007 (gmt 0)

Preferred Member

10+ Year Member

joined:Mar 30, 2006
votes: 0

how to avoid jittery edges around the tranparent text image

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members