Обновлено: 08.12.2021

Наверное, каждый дизайнер страдал из-за формата gif. Раньше это был единственный формат покадровой анимации для веб-сайтов. Формат flash анимации не учитываем, так как от него отказался Adobe. Несколько лет назад появился новый анимированный формат APNG для веба, который, как утверждают разработчики, в настоящее время поддерживается всеми браузерами. Давайте разберемся, так ли он хорош.

Что такое APNG

Поэкспериментировать с форматом APNG я решила, когда рисовала анимированные открытки с поздравлениями, которые вы, кстати можете скачать бесплатно на моем сайте.

Что нам сулят создатели APNG:

• Поддержка миллионов цветов (в формате gif – это максимум 256 цветов)
• Небольшой вес анимации (больше чем у gif, но все же)
• Поддержка всеми браузерами (с достаточно недавнего времени)

ЧИТАЙТЕ ТАКЖЕ

Живое фото для Инстаграм в Photoshop. Анаглиф.

Что мы получаем в итоге:

• Отсутствие возможности сохранения в формат APNG в таких распространенных программах как Adobe Animate и Adobe Photoshop (у последнего есть плагины для этих целей, но я не стала ими пользоваться).
• Качество результата – такое же, как и в случае с форматом gif.
• Размер становится больше (при использовании самого простого способа получения анимации apng – сборка из png последовательности в программе APNGb)

Сравнение gif и APNG

Чтобы не быть голословной покажу, какой у меня вышла анимированная открытка в форматах gif и apng.

В первом случае возьму открытку из статьи «Скачать бесплатно анимированные открытки». Весит файл 55 кб

Открытка создавалась в программе Adobe Animate и чтобы получить анимированную открытку из Adobe Animate в формате apng, нужно сначала опубликовать файл, как последовательность png файлов, а затем с помощью программы APNGb, которая распространяется бесплатно для персонального использования.

Качество осталось таким же, вес увеличился до 88 кб.

Для меня использование формата APNG не показалось чем-то более продвинутым чем gif анимация, может быть кто-то знает более подходящие способы сохранения анимации в apng, или программы?

Похожие статьи

Коллекция шаблонов анимации зверей и птиц Где взять шаблоны для FLASH анимации 16 незаменимых шаблонов для анимации людей 10 лучших шаблонов анимации рук Анимация движения на камеру в Adobe Animate (Flash) Шаблоны и референсы для анимации явлений и эффектов Программы для создания анимации на сайте Анимированные gif — открытки о любви