Mobile app version of vmapp.org
Login or Join
Ogunnowo857

: Animated GIF with white text and tranparent background look pixelated I created a simple animated GIF using some white words in a transparent background. But the words look too pixelated. The

@Ogunnowo857

Posted in: #AdobePhotoshop #Gif #Pixelation #Transparency

I created a simple animated GIF using some white words in a transparent background. But the words look too pixelated.

The file is generated using Photoshop's Save for web. There is some configuration to avoid this or it's a GIF limitation?

Here is the image: codepen.io/marcelo2605/pen/dOZdMx

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Ogunnowo857

2 Comments

Sorted by latest first Latest Oldest Best

 

@Jessie844

That is not pixelation, thoose are "saw" edges.

Basicly the transparency on a GIF file is rudimentary, so either you have transparency or not.

(The first example is aliased, the second has saw edges.)



Possible solutions are:

1) Make a gif non transparent with aliased edges.

2) Use another method to animate the text like CSS sprites on a transparent PNG. www.google.com/search?q=CSS+animation+sprites

10% popularity Vote Up Vote Down


 

@Tiffany317

GIF format does not support partial transparency, so it's not possible to create smooth, antialiased text on transparent background.

If you know in what color will be the background used under the GIF, you can set this background for the GIF, write your text and then change background color to transparent. It will leave one or two pixels around the text for smoother edges. It will look good if you are not planning to use this GIF on very different backgrounds (light and dark or very different colors).

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme