Какие настройки использовать для экспорта высококачественного файла *.gif?

Я создал значок анимации загрузчика с помощью инструмента формы (эллипс). Но когда я экспортирую свою анимацию, круг имеет неровные края, а качество оставляет желать лучшего.

.gifКаковы хорошие настройки, чтобы предотвратить эти края и в результате получить высокое качество ?

Привет, бушра, добро пожаловать в GDSE и спасибо за вопрос. Если вы хотите узнать больше о сайте, обратитесь в справочный центр или свяжитесь с одним из нас в чате , как только ваша репутация станет достаточной (20). Продолжайте вносить свой вклад и наслаждайтесь сайтом!
Вы экспортируете его с прозрачным фоном? .gifsне может отображать полупрозрачность, поэтому вы получите неровные края.
«Gif высокого качества» кажется мне оксюмороном.
Уже ответили здесь: graphicdesign.stackexchange.com/questions/38750/…

Ответы (3)

На самом деле не существует такого понятия, как высококачественный 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.