: 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
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
More posts by @Ogunnowo857
2 Comments
Sorted by latest first Latest Oldest Best
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
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).
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.