Чи має сенс конвертувати всі зображення на сайті в png

1. Принцип стиснення JPEG заснований на розбитті зображення на квадрати 8 × 8 пікселів і заливці цих квадратів градієнтами. Підходить для фотографій (де за визначенням багато градієнтів і мало чітких об'єктів) і не підходить для штрихових зображень типу схем (для наочності слід спробувати уявити, що стає, скажімо, з однопіксельні лінією при спробі уявити її як градієнт 8 × 8; корисно також розглянути таке JPEG-зображення при сильному збільшенні).

2. Принцип стиснення GIF і PNG-8 (не плутати з PNG-24) заснований на звуженні кольорової палітри до мінімуму, достатнього для більш-менш коректного відображення зображення. За рахунок звуження палітри кожен варіант кольору можна закодувати меншою кількістю байт, цим (крім алгоритмів архівації) і досягається стиск. Максимальна кількість відтінків - 256. Відповідно, GIF і PNG-8 добре підходять для суб'єктивно беспотерьного (кодується кожен піксель) стиснення штрихових зображень з однотонними областями і невеликою кількістю відтінків (логотипів, графіків, схем та ін.) І НЕ підходить для переважної більшості фотографічних зображень (в фотографіях кількість відтінків зазвичай сильно більше, ніж 256, а якщо і не більше, то розмір файлу виходить невиправдано великим, оскільки GIF / PNG-8 чесно кодують кожен піксель зображення).

3. PNG-24 (не плутати з PNG-8) - стиснення взагалі без втрат. По суті спеціалізований архіватор для зображень. Відповідно, обсяг вихідного файлу найбільший і зазвичай значно більше, ніж у GIF / PNG-8, так само як і JPEG. Зазвичай застосовується або при необхідності стиснення без втрат, або при необхідності використовувати напівпрозорість, або при збереженні протяжних однотонних областей і / або односпрямованих градієнтів (такі градієнти стискає ефективніше, ніж GIF / PNG-8).

> Принцип стиснення GIF і PNG-8 (не плутати з PNG-24) заснований на звуженні кольорової палітри до мінімуму, достатнього для більш-менш коректного відображення зображення.
Все не так. Їх принцип стиснення заснований на кодуванні послідовності пікселів одного кольору (пруф. А 256 квітів - це обмеження формату (8 біт на колір).

> При збереженні протяжних однотонних областей
ефективніше PNG-8

Або ви щось не до кінця зрозуміли, або ваші пізнання обмежуються вказаною вами статтею.

немає, швидше за ви помилилися

Ні вже, давайте визначимося
Синій квадрат 200х200
PNG-8 - одна тисяча вісімдесят вісім байт
PNG-24 - 1873 байта - майже в 2 рази більше!

Синій квадрат реалізується без графіки - засобами CSS. В окремих випадках буває по-різному. Довгі градієнти краще стискаються в PNG-24.

Схожі статті