Animated GIF logo on transparent pixelates

Forum|Forum|5 years ago
March 18, 2021
2 replies
1744 views

I've created an animated gif version of my logo and when I export it on transparent the white edges become jagged. When I export it on a blue background it looks perfect. I tried about 30 different settings options and nothing is crisp enough to be usable on my website homepage.

This topic has been closed for replies.

War Unicorn

Community Expert

Workflow, please? I'm assuming you have the original document this GIF is exported from? Did you ensure that you're working in RGB color?

The GIF must have a fuller color table in order to do its matte/dithering magic. Just white and transparent won't do you much good.

Below is a simple 3-frame (2 seconds/frame) transparent GIF animation I whipped up in like a minute. Below that are the settings when exporting. Note the matte and color table. This was all done from an RBG-color-mode PSD.

S

sarah_j_fellAuthor

Participating Frequently

You say: The GIF must have a fuller color table in order to do its matte/dithering magic. Just white and transparent won't do you much good.

So... it's not going to work as a white logo on transparent?

War Unicorn

Community Expert

With just white? No.

Your dealing with pixels here. If you were to look at *any* rasterized image really close, you'll notice that as go from one color to the next, there are "in-between," gradated colors so that the image looks smooth. Otherwise, you get what you're getting.

*That* is the purpose of matting and dithering, so that the image blends in. If you were to match the matting/dithering color to whatever background you're laying the GIF against, it would look *much* better. (e.g., If I were to take my example above and match it against the purple I used for matting, you would have a nice, smooth-looking font because gradation is going on from the white to the purple.

As c.pfaff mentioned, it's a limitation you have to work with (as with most rasterized images).

c.pfaffenbichler

Community Expert

gif transpareny is 1bit (though I am not completely sure if that is just how Photoshop handles them or if it is an integral part of the file format definition) – if you want more then I think you need to start thinking about different file formats.

S

sarah_j_fellAuthor

Participating Frequently

Thanks for the input. Not sure what to set here... Photoshop has mode options for 8bits, 16 or 32.

c.pfaffenbichler

Community Expert

gif is indexed color and its transparency is 1bit, the original layered image’s bit depth does not change that.

If you want to use gif you have to accept its limitations.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded