Как добавить поддержку анимированного png (apng) в Google Chrome

Анимированные файлы PNG работают во многих отношениях так же, как файлы GIF, отображаемые на сайтах Интернета. С другой стороны, они предлагают несколько преимуществ по сравнению с файлами GIF, включая поддержку 24-битной и 8-битной прозрачности, которую GIF-файлы не поддерживают.

Прозрачность и тот факт, что поддерживаются 24-битные цвета, делают анимированные файлы PNG интересными, поскольку они хорошо выглядят независимо от фона, в который они встроены, и благодаря увеличенному количеству цветов, обычно лучше, чем сопоставимые файлы GIF.

Обратной стороной этого является то, что они обычно больше по размеру.

Формат является расширением формата файла PNG, который в настоящее время не является стандартом. Это означает, что большинство браузеров еще не поддерживают эту функцию.

Если быть точным, на момент написания только браузеры Mozilla Firefox и Firefox поддерживают анимированные файлы PNG. Браузер Opera поддерживал его до версии 12.x, но новая Opera, основанная на Chromium, не поддерживает его.

Если вы откроете анимированный файл png с помощью браузера, который его не поддерживает, вместо этого вы увидите файл статического изображения, поскольку в первом кадре файла всегда хранится стандартный поток PNG, поэтому его можно отображать вместо анимации.

Пример APNG

Если ваш браузер не поддерживает анимированные файлы png, вы увидите статичное изображение мяча. Если он поддерживает формат, вместо этого вы увидите прыгающий мяч.

Пользователи Google Chrome, которые хотят добавить в свой браузер поддержку анимированного формата PNG, например, потому что это формат, используемый на веб-сайтах, которые они посещают, могут для этого установить расширение APNG.

Он работает «из коробки» на всех посещаемых вами веб-сайтах (режим белого списка), но может быть переключен на работу только на тех сайтах, которые вы явно разрешили ему запускать (режим черного списка).

В обоих режимах есть возможность разрешить или заблокировать анимированные файлы PNG на выбранных веб-сайтах.

Хотя я не тестировал расширение в Opera или других браузерах на основе Chromium, вполне вероятно, что оно будет работать и в этих браузерах.

Поддержка, которую расширение добавляет в браузер Chrome, по большей части работает хорошо. Однако, по описанию автора, поддержка изображений CSS может быть неполной.