Transparent gif - how to without the rough edges?

**Meta Ridley** · 06-15-2004, 09:05 AM

its not too hard, you just use the eraser tool or mask and do it by hand, or try blurring the edges.

**Darkland** · 06-15-2004, 10:09 AM

The truth is you can't and you never will be able to, not unless someone develops a new type of image format. I know there is some work towards this with the .png format but at this point it still isn't much better than .gif. The only thing you can do is when you are saving your .gif is to set your transparency to the color of the page you will be placing it on, If saved/optimized properly the edges of your .gif will be unnoticable.

**jovigirl** · 06-15-2004, 10:16 AM

Originally posted by Darkland
The only thing you can do is when you are saving your .gif is to set your transparency to the color of the page you will be placing it on, If saved/optimized properly the edges of your .gif will be unnoticable.

There is usually a setting called MATE to specify that color
At least in Fireworks there is

**mammy** · 06-15-2004, 10:20 AM

just put in matte option of your gif
the hex number of the color of bg in the page

**doober** · 06-15-2004, 10:36 AM

http://www.macromedia.com/support/fi...arency_fw3.htm

**davis** · 06-15-2004, 11:50 AM

PNG format has 256 levels of transparency... which means its _perfect_.

... the only downside is, is that IE doesnt support it.

**Robertf** · 06-15-2004, 11:53 AM

Originally posted by davis
PNG format has 256 levels of transparency... which means its _perfect_.

... the only downside is, is that IE doesnt support it.

IE supports it .. just not standard .. you must apply a filter on the image in css .. but yeah PNG is perfect :-)

**Darkland** · 06-15-2004, 12:06 PM

Originally posted by Robertf
IE supports it .. just not standard .. you must apply a filter on the image in css .. but yeah PNG is perfect :-)

Interesting, I am familiar with the .png format but I never found much use for it, especially with the file size being considerably higher that a gif and as you mentioned it is not standard and/or recognized by some browsers. Can you explain to me the process you mentioned of applying a filter with css. Because when I did some test image transparencies when it first came into use I still got the nagging jagged lines when applied to various bg colors.

**abyss_al** · 06-15-2004, 12:08 PM

Originally posted by Darkland
The truth is you can't and you never will be able to, not unless someone develops a new type of image format. I know there is some work towards this with the .png format but at this point it still isn't much better than .gif. The only thing you can do is when you are saving your .gif is to set your transparency to the color of the page you will be placing it on, If saved/optimized properly the edges of your .gif will be unnoticable.

well said

**Robertf** · 06-15-2004, 12:30 PM

Originally posted by Darkland
Interesting, I am familiar with the .png format but I never found much use for it, especially with the file size being considerably higher that a gif and as you mentioned it is not standard and/or recognized by some browsers. Can you explain to me the process you mentioned of applying a filter with css. Because when I did some test image transparencies when it first came into use I still got the nagging jagged lines when applied to various bg colors.

http://people.brandeis.edu/~peelle/png/ .. scroll half way the page and you find the code :-)

Or just google

Transparent gif - how to without the rough edges?

Transparent gif - how to without the rough edges?

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment