Анимированный GIF с белым текстом и прозрачным фоном выглядит пиксельным

Я создал простой анимированный GIF, используя белые слова на прозрачном фоне. Но слова выглядят слишком пикселизированными.

Файл создается с помощью программы Photoshop «Сохранить для Интернета». Есть какая-то конфигурация, чтобы избежать этого, или это ограничение GIF?

Вот изображение: https://codepen.io/marcelo2605/pen/dOZdMx

Можете ли вы поделиться с нами GIF, чтобы мы могли видеть, что вы подразумеваете под «пиксельным»?
@ Крис я разместил ссылку

Ответы (2)

Формат GIF не поддерживает частичную прозрачность, поэтому невозможно создать гладкий сглаженный текст на прозрачном фоне.

Если вы знаете, какого цвета будет фон для GIF, вы можете установить этот фон для GIF, написать свой текст, а затем изменить цвет фона на прозрачный. Он оставит один или два пикселя вокруг текста для более гладких краев. Это будет хорошо смотреться, если вы не планируете использовать этот GIF на очень разных фонах (светлом и темном или очень разных цветах).

Это не пикселизация, это "пиленные" края.

По сути, прозрачность в GIF-файле находится в зачаточном состоянии, поэтому прозрачность либо есть, либо нет.

(Первый пример с псевдонимом, второй — с пилообразными краями.)

введите описание изображения здесь

Возможные решения:

1) Сделать GIF непрозрачным с алиасингом краев.

2) Используйте другой метод для анимации текста, например спрайтов CSS на прозрачном PNG. https://www.google.com/search?q=CSS+анимация+спрайты