Я создал простой анимированный GIF, используя белые слова на прозрачном фоне. Но слова выглядят слишком пикселизированными.
Файл создается с помощью программы Photoshop «Сохранить для Интернета». Есть какая-то конфигурация, чтобы избежать этого, или это ограничение GIF?
Вот изображение: https://codepen.io/marcelo2605/pen/dOZdMx
Формат GIF не поддерживает частичную прозрачность, поэтому невозможно создать гладкий сглаженный текст на прозрачном фоне.
Если вы знаете, какого цвета будет фон для GIF, вы можете установить этот фон для GIF, написать свой текст, а затем изменить цвет фона на прозрачный. Он оставит один или два пикселя вокруг текста для более гладких краев. Это будет хорошо смотреться, если вы не планируете использовать этот GIF на очень разных фонах (светлом и темном или очень разных цветах).
Это не пикселизация, это "пиленные" края.
По сути, прозрачность в GIF-файле находится в зачаточном состоянии, поэтому прозрачность либо есть, либо нет.
(Первый пример с псевдонимом, второй — с пилообразными краями.)
Возможные решения:
1) Сделать GIF непрозрачным с алиасингом краев.
2) Используйте другой метод для анимации текста, например спрайтов CSS на прозрачном PNG. https://www.google.com/search?q=CSS+анимация+спрайты
Западная часть
марсело2605