APNG против GIF: честное сравнение двух форматов анимации
GIF держится в интернете почти сорок лет — мемы, реакции, стикеры. Но рядом давно есть формат, который умеет ровно то же самое, только с настоящими цветами и чистыми краями. Раскладываем APNG и GIF по полочкам: цвет, прозрачность, размер, поддержка — и честно говорим, где побеждает каждый.
Коротко: кто выигрывает
Если нет времени на детали — вот вывод. По качеству APNG обходит GIF почти по всем пунктам: больше цветов, плавная прозрачность, чище картинка, чаще меньше размер. GIF держится лишь за счёт привычки и поддержки в совсем старых программах. Браузеры давно знают оба формата одинаково хорошо.
Главная мысль
GIF — это анимация из 1987 года: 256 цветов и прозрачность «есть/нет». APNG — это анимация на движке PNG: полный цвет и плавная альфа. Для всего, где есть градиенты, тени и аккуратные края, выбор очевиден.
Цвет: 16,7 млн против 256
Это самое фундаментальное различие. GIF хранит палитру всего из 256 цветов на кадр — наследие эпохи, когда мониторы и не умели больше. APNG, как полноценный PNG, держит 16,7 миллиона цветов (полные 24 бита).
На простой пиктограмме из двух-трёх оттенков разницу не заметить. Но как только в кадре появляется фотография, закат, кожа человека или плавный градиент, GIF вынужден жульничать: он применяет дизеринг — рассыпает картинку мелкими точками, имитируя недостающие оттенки. Отсюда характерная «зернистость» и грязноватые переходы старых GIF. APNG просто показывает настоящий цвет.
Прозрачность: мягкий край против ореола
Второе ключевое различие — и, пожалуй, самое заметное на глаз. У GIF прозрачность бинарная: один-единственный цвет палитры назначается «полностью невидимым», а все остальные пиксели — непрозрачны. Промежуточных состояний нет.
Что это даёт на практике? Когда у объекта сглаженный, мягкий край (а такой край есть почти у всего — у текста, у логотипа, у персонажа), GIF не может его аккуратно растворить. Вокруг объекта появляется заметная кайма цвета фона, на котором его готовили. Поставьте такой GIF на тёмную страницу — и увидите грязный белый ореол.
APNG использует 8-битную альфу: каждый пиксель имеет собственную степень прозрачности — 256 уровней от полностью видимого до полностью прозрачного. Край мягко тает, объект ложится чисто на любой фон. Именно поэтому Apple выбрала APNG форматом стикеров iMessage.
Тот самый «грязный ореол»
Если вы когда-нибудь ставили GIF-стикер на цветной фон и видели вокруг него уродливую светлую кайму — это и есть ограничение бинарной прозрачности GIF. В APNG такой проблемы не существует в принципе.
Размер файла: кто легче
Здесь интуиция часто подводит. Кажется, что «старый и простой» GIF должен быть легче. На деле для типичной графики — логотипов, иконок, анимаций с плоскими цветами и резкими краями — APNG обычно компактнее. Причины две: более современное сжатие без потерь и отсутствие дизеринга (а дизеринг сам по себе раздувает файл, добавляя «шум»).
Но честность требует оговорки. APNG умеет сжимать только без потерь — он никогда не выбрасывает данные ради размера. Поэтому на длинных, фотореалистичных роликах с десятками кадров APNG может вырасти. В таких случаях легче окажется анимированный WebP или короткое видео, которые умеют сжатие с потерями.
| Тип контента | Кто легче | Почему |
|---|---|---|
| Логотипы, иконки, графика | APNG | Нет дизеринга, лучше сжатие |
| Стикеры с прозрачностью | APNG | Чистая альфа экономит «грязь» |
| Простые пиктограммы (2–3 цвета) | Примерно поровну | Палитры GIF тут хватает |
| Длинные фотореалистичные ролики | Не APNG | Только без потерь = крупнее; см. WebP |
Поддержка и совместимость
Главный исторический аргумент в пользу GIF — «его поддерживают везде». В 2026 году он почти не работает. Все актуальные браузеры показывают APNG: Firefox с 2008 года, Safari с 2014-го, Chrome и Edge с 2017-го, Opera. Не понимал APNG только Internet Explorer, давно снятый с поддержки.
GIF действительно шире распознаётся в старых десктопных программах-просмотрщиках и некоторых редакторах. Но даже там у APNG есть козырь: благодаря обратной совместимости такой файл не выдаёт ошибку, а просто показывает первый кадр как обычную статичную картинку. Хуже, чем «красивая неподвижная картинка вместо анимации», не будет.
Когда GIF всё ещё уместен
Будем честны: иногда GIF — разумный выбор, и притворяться, что он «всегда плохой», было бы нечестно. GIF стоит оставить, когда:
- Контент уходит на платформу, которая принимает только GIF. Некоторые библиотеки реакций, старые CMS и сервисы исторически завязаны на GIF.
- Это совсем простая пиктограмма из 2–3 цветов без прозрачных краёв — тут выигрыш APNG почти незаметен.
- Нужна максимальная совместимость со старым софтом, который должен именно анимировать, а не показывать первый кадр.
Во всех остальных случаях — особенно там, где есть цвет, прозрачность и забота о качестве — APNG выигрывает. А если файл получается крупным, стоит сравнить APNG и анимированный WebP.
Как перейти с GIF на APNG
Перевести анимацию с GIF на APNG (или, наоборот, собрать APNG с нуля) — дело пары минут и не требует установки программ.
Возьмите исходник
Готовый GIF либо набор кадров в PNG, если делаете анимацию с нуля.
Соберите APNG
Загрузите PNG-кадры в конвертер и задайте задержку — получится плавная анимация с полным цветом.
Вставьте на сайт
APNG встраивается обычным тегом <img> — как картинка, без плееров и скриптов.
Сделайте анимацию без зернистости и каймы
Соберите APNG из PNG-кадров в нашем бесплатном конвертере — полный цвет, плавная прозрачность, чистые края. Прямо в браузере, без установки.
Создать APNGХотите глубже разобраться в самом формате — начните со статьи что такое APNG. Нужен пошаговый процесс сборки — читайте как создать APNG. А вытащить статичный кадр из анимации поможет конвертер APNG в PNG.
Частые вопросы: APNG и GIF
Читайте также
Основы форматовЧто такое APNG: анимированный PNG, который обходит GIF
Как PNG научился двигаться и почему старые программы всё равно покажут картинку.
АнимацияAPNG или анимированный WebP: что выбрать
Качество против размера — какой формат взять для веб-анимации.
ИнструкцияКак создать APNG: от кадров к анимации
Собираем анимацию из PNG и конвертируем обратно — по шагам.