Я создал значок анимации загрузчика с помощью инструмента формы (эллипс). Но когда я экспортирую свою анимацию, круг имеет неровные края, а качество оставляет желать лучшего.
.gif
Каковы хорошие настройки, чтобы предотвратить эти края и в результате получить высокое качество ?
На самом деле не существует такого понятия, как высококачественный gif. Формат был разработан в начале 1990-х и ограничен 256 цветами, один из которых может быть полностью прозрачным.
Лучшее, что вы можете сделать, это оптимизировать его для текущего цвета фона и выбрать заливки и переходы, которые не включают много промежуточных оттенков.
Если вам нужна базовая иконка счетчика / пульсатора, и ваша цель — современные браузеры, вы можете получить гораздо лучшие результаты с анимацией css и/или svg.
GIF-файлы поддерживают только 1-битную прозрачность (это означает, что пиксель либо полностью прозрачен, либо не полностью), поэтому в зависимости от вашего случая вы можете использовать параметр сглаживания (старомодный) или сопоставить матовый цвет с цветом вашего фона. Вы можете найти прежний и полный ответ в этой теме: Как удалить белые пиксели по краям при экспорте прозрачного GIF?
Или вы можете изучить новые и современные возможности с помощью значков SVG и свойств анимации CSS3 , чтобы получить четкие и масштабируемые результаты. Загляните на этот сайт, чтобы изучить этот вариант: http://codyhouse.co/gem/animate-svg-icons-with-css-and-snap/
Где вы используете этот GIF? На веб-сайте?
В этом случае я бы рекомендовал использовать анимацию CSS3 в качестве основного загрузчика, так как это обеспечит наиболее плавные результаты. Вот несколько примеров . Обратите внимание, что это не изображения, а формы, отображаемые и трансформируемые браузером.
Резервное копирование анимированных файлов — неплохая идея, поскольку старые браузеры (такие как IE9 и ниже) не поддерживают анимацию CSS3.
К сожалению, как уже упоминалось, GIF-файлы на самом деле не так уж хороши, поэтому ваш запасной вариант будет хуже по качеству, чем нативные решения CSS3.
Винсент
Послесловие
.gifs
не может отображать полупрозрачность, поэтому вы получите неровные края.Скотт
Анил Сингх