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

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

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

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

Яким буває PNG-формат

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

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

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

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

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