Welcome to WebmasterWorld Guest from 54.227.82.149

Forum Moderators: not2easy

Message Too Old, No Replies

transparent gif

     

dukelips

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

5+ Year Member



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

jnimpuno

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

5+ Year Member



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!

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

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

rocknbil

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

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



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.

thecoalman

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

WebmasterWorld Senior Member 10+ Year Member



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.

wardy83

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

5+ Year Member



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!

dukelips

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

5+ Year Member



how to avoid jittery edges around the tranparent text image
 

Featured Threads

Hot Threads This Week

Hot Threads This Month