Расширяемые Изображения: Png Вместо Gif.

Примечание: Ниже приведен перевод статьи.

«Заменить GIF изображениями PNG» о том, в каких случаях стоит использовать формат PNG вместо GIF. Мои комментарии ниже выделены курсивом.



Введение

Формат портативной сетевой графики ( Портативная сетевая графика, PNG ) разрабатывается как более эффективная, гибкая и непатентованная замена формата GIF. PNG был разработан для хранения отдельных растровых изображений для распространения по компьютерным сетям (1).

PNG был создан в 1995 году в ответ на давление со стороны Unisys и их патента на алгоритм сжатия LZW, используемый в GIF. Хотя срок действия патента Unisys уже истек, причины перехода от GIF к PNG остаются, по существу, теми же (2).

Заменив изображения GIF на такие же изображения в формате PNG, вы сможете ускорить загрузку своих страниц и сэкономить пользовательский трафик.



PNG против GIF: алгоритмы сжатия

PNG использует алгоритм сжатия Deflate, обычно с перемещаемым значением 32 КБ ( скользящий ) окно.

Deflate — это улучшенная версия алгоритма сжатия Лемпеля-Зива (LZ77), используемого в файлах ZIP и GZIP (3, 4).

Созданный Филом Кацем для второй версии PKZip, deflate сочетает в себе LZ77 с кодированием Хаффмана и на 10–30 % эффективнее LZW при сжатии без потерь.

Как и GZIP, некоторые инструменты сжатия PNG предлагают дополнительную настройку «уровня сжатия» в диапазоне от 1 до 9. Значение по умолчанию — 6. 9 почти всегда является лучшим выбором для максимального сжатия.

Неудивительно, что изображения, сохраненные в формате PNG, обычно на 10–30% меньше, чем в формате GIF, хотя в некоторых редких случаях они могут быть больше по размеру (5, 6).

В ходе нашего тестирования мы обнаружили, что некоторые изображения могут быть сжаты на 40–50 % и даже больше (до 85 % для одного примера), в зависимости от изображения.

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

подробнее на сайте webo.in → Теги: #оптимизация #производительность #PNG #GIG #gzip #bugzilla #imagere #Оптимизация клиента

Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.