GIF transparency problems

C
Posted By
cmichaud
Jun 22, 2006
Views
808
Replies
4
Status
Closed
I have made a logo that only has text on it. I want the background to be transparent. When i try to set the transparency. Whatever color i select as transparent always leave a ring around my text. Its like the

parts that were antialis stay the color of the background instead of being the color of the text (black and green) WHy is this happening and how can i fix it?

thansk in advance.
Related Tags
problems transparency

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

E
edjh
Jun 22, 2006
wrote:
I have made a logo that only has text on it. I want the background to be transparent. When i try to set the transparency. Whatever color i select as transparent always leave a ring around my text. Its like the
parts that were antialis stay the color of the background instead of being the color of the text (black and green) WHy is this happening and how can i fix it?

thansk in advance.
You need to select a matte color that is the same or similar to your web background color. You can’t have antialiased edges in gif so that is the best you can do.

—
Comic book sketches and artwork:
http://www.sover.net/~hannigan/edjh.html
Comics art for sale:
http://www.sover.net/~hannigan/batsale.html
C
cmichaud
Jun 22, 2006
So i have to redesign without antialiais edges? for a gif to work?

How come when i save it as a jpeg or btmp and insert it on the background on my page. It is fuzzy. Kinda distorted near the edges…but if i enter a photo from the digital camera on the same background this is not the case.

edjh wrote:
wrote:
I have made a logo that only has text on it. I want the background to be transparent. When i try to set the transparency. Whatever color i select as transparent always leave a ring around my text. Its like the
parts that were antialis stay the color of the background instead of being the color of the text (black and green) WHy is this happening and how can i fix it?

thansk in advance.
You need to select a matte color that is the same or similar to your web background color. You can’t have antialiased edges in gif so that is the best you can do.

—
Comic book sketches and artwork:
http://www.sover.net/~hannigan/edjh.html
Comics art for sale:
http://www.sover.net/~hannigan/batsale.html
C
cmichaud
Jun 22, 2006
the test doesnt look as good without the antialiais. any suggestions?

wrote:
So i have to redesign without antialiais edges? for a gif to work?

How come when i save it as a jpeg or btmp and insert it on the background on my page. It is fuzzy. Kinda distorted near the edges…but if i enter a photo from the digital camera on the same background this is not the case.

edjh wrote:
wrote:
I have made a logo that only has text on it. I want the background to be transparent. When i try to set the transparency. Whatever color i select as transparent always leave a ring around my text. Its like the
parts that were antialis stay the color of the background instead of being the color of the text (black and green) WHy is this happening and how can i fix it?

thansk in advance.
You need to select a matte color that is the same or similar to your web background color. You can’t have antialiased edges in gif so that is the best you can do.

—
Comic book sketches and artwork:
http://www.sover.net/~hannigan/edjh.html
Comics art for sale:
http://www.sover.net/~hannigan/batsale.html
T
Tacit
Jun 22, 2006
In article ,
wrote:

So i have to redesign without antialiais edges? for a gif to work?

No.

You have to set a "matte color." Look closely in the Save for Web dialog. On the right-hand side, underneath the "Save" button, you will see something that says "matte color." Click on it and enter the color of your Web page background.

How come when i save it as a jpeg or btmp and insert it on the background on my page. It is fuzzy. Kinda distorted near the edges…but if i enter a photo from the digital camera on the same background this is not the case.

JPEG is "lossy." It degrades the quality of the image to make the file smaller. The degradation most drastically affects perfectly straight lines and solid areas of color. Photographs do not typically have hard, crisp lines and solid areas of color, so you do not notice the degradation and fuzziness as much as you do with something like text.

—
Art, photography, shareware, polyamory, literature, kink: all at http://www.xeromag.com/franklin.html
Nanohazard, Geek shirts, and more: http://www.villaintees.com

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

Related Discussion Topics

Nice and short text about related topics in discussion sections