Сравнение

APNG против GIF: честное сравнение двух форматов анимации

GIF держится в интернете почти сорок лет — мемы, реакции, стикеры. Но рядом давно есть формат, который умеет ровно то же самое, только с настоящими цветами и чистыми краями. Раскладываем APNG и GIF по полочкам: цвет, прозрачность, размер, поддержка — и честно говорим, где побеждает каждый.

Мягкий пастельный градиент — пример плавных переходов, которые APNG показывает чисто, а GIF — полосами
Плавный переход цвета — лакмусовая бумажка: APNG показывает его чисто, GIF разбивает на полосы. Фото: Pexels

Коротко: кто выигрывает

Если нет времени на детали — вот вывод. По качеству APNG обходит GIF почти по всем пунктам: больше цветов, плавная прозрачность, чище картинка, чаще меньше размер. GIF держится лишь за счёт привычки и поддержки в совсем старых программах. Браузеры давно знают оба формата одинаково хорошо.

Главная мысль

GIF — это анимация из 1987 года: 256 цветов и прозрачность «есть/нет». APNG — это анимация на движке PNG: полный цвет и плавная альфа. Для всего, где есть градиенты, тени и аккуратные края, выбор очевиден.

65 000×во столько раз у APNG больше цветов, чем у GIF (16,7 млн против 256)
256уровней прозрачности (GIF — 2)
1987год рождения GIF

Цвет: 16,7 млн против 256

Это самое фундаментальное различие. GIF хранит палитру всего из 256 цветов на кадр — наследие эпохи, когда мониторы и не умели больше. APNG, как полноценный PNG, держит 16,7 миллиона цветов (полные 24 бита).

На простой пиктограмме из двух-трёх оттенков разницу не заметить. Но как только в кадре появляется фотография, закат, кожа человека или плавный градиент, GIF вынужден жульничать: он применяет дизеринг — рассыпает картинку мелкими точками, имитируя недостающие оттенки. Отсюда характерная «зернистость» и грязноватые переходы старых GIF. APNG просто показывает настоящий цвет.

Тёплый цветной вихрь с тонкими переходами — богатая палитра, которую GIF искажает дизерингом
Богатая палитра с тонкими переходами: APNG сохранит её точно, GIF огрубит точками дизеринга. Фото: Pexels

Прозрачность: мягкий край против ореола

Второе ключевое различие — и, пожалуй, самое заметное на глаз. У 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 поддерживается везде» в вебе больше не работает: APNG понимают все браузеры, а в крайнем случае он просто показывает первый кадр.

Когда GIF всё ещё уместен

Будем честны: иногда GIF — разумный выбор, и притворяться, что он «всегда плохой», было бы нечестно. GIF стоит оставить, когда:

  • Контент уходит на платформу, которая принимает только GIF. Некоторые библиотеки реакций, старые CMS и сервисы исторически завязаны на GIF.
  • Это совсем простая пиктограмма из 2–3 цветов без прозрачных краёв — тут выигрыш APNG почти незаметен.
  • Нужна максимальная совместимость со старым софтом, который должен именно анимировать, а не показывать первый кадр.

Во всех остальных случаях — особенно там, где есть цвет, прозрачность и забота о качестве — APNG выигрывает. А если файл получается крупным, стоит сравнить APNG и анимированный WebP.

Как перейти с GIF на APNG

Перевести анимацию с GIF на APNG (или, наоборот, собрать APNG с нуля) — дело пары минут и не требует установки программ.

1

Возьмите исходник

Готовый GIF либо набор кадров в PNG, если делаете анимацию с нуля.

2

Соберите APNG

Загрузите PNG-кадры в конвертер и задайте задержку — получится плавная анимация с полным цветом.

3

Вставьте на сайт

APNG встраивается обычным тегом <img> — как картинка, без плееров и скриптов.

Сделайте анимацию без зернистости и каймы

Соберите APNG из PNG-кадров в нашем бесплатном конвертере — полный цвет, плавная прозрачность, чистые края. Прямо в браузере, без установки.

Создать APNG

Хотите глубже разобраться в самом формате — начните со статьи что такое APNG. Нужен пошаговый процесс сборки — читайте как создать APNG. А вытащить статичный кадр из анимации поможет конвертер APNG в PNG.

Почти всегда — для графики, логотипов и анимаций с плоскими цветами и чёткими краями APNG заметно компактнее GIF за счёт более удачного сжатия и отсутствия дизеринга. Но для долгих фотореалистичных роликов APNG может вырасти: он сжимает только без потерь, поэтому здесь WebP или видео окажутся легче.
GIF умеет назначить прозрачным только один цвет целиком — промежуточных уровней нет. Поэтому сглаженный край объекта обрастает заметным ореолом. APNG хранит 8-битную альфу: каждый пиксель может быть прозрачным на любую долю, и край мягко растворяется на любом фоне.
В браузерах разницы практически нет: и GIF, и APNG понимают все актуальные браузеры. GIF выигрывает только в старых программах-просмотрщиках и редакторах, которые не знают APNG. Но даже там APNG не ломается — показывает первый кадр как обычную картинку.
Если в анимации есть градиенты, тени, полупрозрачные края или просто богатая палитра — да, перевод в APNG уберёт зернистость и грязную кайму. Для совсем простых пиктограмм из пары цветов разница будет менее заметна. Конвертация делается онлайн за пару секунд.
Оба современнее GIF и поддерживают полный цвет с плавной прозрачностью. WebP умеет сжимать с потерями и часто даёт меньший файл, особенно на длинных роликах. APNG всегда без потерь — максимум качества, но иногда крупнее. Подробное сравнение есть в нашей отдельной статье.