Вівторок, 03 серпня 2021

I IT

Біт - байт береже

Формат PNG: особливості, застосування і причини популярності

Одним з головних завдань, які стоять перед верстальниками нових сайтів, є швидке завантаження сторінок браузерами. А оскільки мінімалістичний дизайн подобається далеко не всім користувачам, доводиться шукати компроміс між красивим оформленням з витонченими графічними елементами і швидкістю роботи веб-ресурсу. Раніше для того, щоб зменшити вагу картинок, розробники сайтів використовували або GIF, або JPG. Зараз же все частіше верстальники застосовують картинки у форматі PNG. Давайте разом спробуємо розібратися, чому так відбувається.


Навіщо був придуманий PNG-формат

Абревіатура, яка є назвою цього типу графіки, утворена з перших літер таких англійських слів: portable network graphics, що можна перекласти як "" переміщувана графіка для використання в мережі "". PNG-формат був спеціально винайдений для того, щоб усунути недоліки стиснення з використанням більш простого алгоритму GIF, який потихеньку почав вже застарівати. Крім того, він може використовуватися для заміни набагато гучного TIFF, який використовується в основному для редагування.

Який формат PNG

На сьогоднішній день широко використовуються дві версії даного алгоритму. У першому випадку застосовується 8-бітова палітра кольорів, а в другому - 24-бітова. Фото у форматі PNG-8, порівняно з GIF-версією, відрізняється дещо кращим ступенем стиснення і відсутністю можливості створення анімації. Незважаючи на те, що таке зображення може містити максимум 256 кольорів, цей алгоритм широко застосовується для створення графічного тексту, логотипів, ілюстрацій з чіткими краями та картинок з градієнтною прозорістю. У тих випадках, коли цього явно недостатньо, розробники використовують 24-бітний PNG-формат, який володіє масою додаткових переваг, таких, як:


  • Покращений алгоритм стиснення, що зводить нанівець будь-які втрати якості.
  • Використання альфа-прозорості забезпечує 256 різних рівнів прозорості.
  • Наявність гамма-корекції, що дозволяє автоматично коригувати яскравість знімка при відтворенні в різних програмах.
  • Можливість використання близько 16,7 млн колірних відтінків.

Все це разом сприяє застосуванню PNG24 для стиснення будь-яких зображень, що містять прозорі ділянки, малюнків з великою кількістю кольорів і чіткими межами зображення.

Тенденція розвитку

Незважаючи на те що поширення PNG-формату все ще стримується старими браузерами, а також недостатню і неповну підтримку можливостей цього алгоритму в нових версіях, для веб-графіки PNG є досить перспективним. Порівняно з GIF він володіє трьома головними перевагами: альфа-каналами, гамма-корекцією і двомірною черезрядковістю (метод прогресивного показу картинки). А порівняно з JPEG у нього немає втрат якості. Зазначимо, що PNG-формат був винайдений 4 січня 1995 року. З того часу минуло 18 років, і він став лідирувати за використанням у веб-сайтах, відтіснивши GIF на друге місце.

Більшість програм користувача (наприклад, MS Paint) на сьогоднішній день прийняли його як стандарт для збереження типових файлів. Напевно, якби не анімація і причуди старих версій Internet Explorer, GIF поступився б дорогою своєму конкуренту ще раніше.