PNG, JPG і WebP: порівняння
Три формати охоплюють майже все. Знати, який вибрати, можна приблизно за десять секунд, щойно ви зрозумієте, для чого створено кожен із них.
Опубліковано
Версія в одному рядку
Використовуйте JPG для фотографій, PNG для всього з різкими краями, текстом чи прозорістю, а WebP, коли призначення — вебсторінка й ви контролюєте, чим її відкриватимуть. Якщо ви більше нічого не запам'ятаєте, це правило буде правильним у переважній більшості випадків.
Чому JPG досі скрізь
JPG створили 1992 року на основі конкретного спостереження: людське око набагато чутливіше до яскравості, ніж до кольору, і майже не помічає дрібних деталей у насичених місцях. JPG відкидає інформацію, якої ви найменше пошкодуєте, тому фотографія може зменшитися вдесятеро й виглядати так само.
Той самий прийом робить JPG поганим у всьому іншому. Різкий чорний текст на білому розташований саме на межі, яку формат обробляє найгірше, тому знімок екрана, збережений як JPG, отримує неохайний ореол навколо кожної літери. Стиснення не зламане — воно робить точно те, для чого його створили, але з вмістом, для якого воно ніколи не призначалося.
Навіщо існує PNG
PNG — без втрат. Кожен піксель, який ви вклали, повертається назад біт у біт, скільки б разів ви не відкривали й не зберігали файл. Він також має справжній альфа-канал, тож частини зображення можуть бути справді прозорими, а не залитими кольором тла.
Ціна — розмір. PNG стискає, знаходячи закономірності й повтори, що чудово працює на однотонних кольорах, логотипах, діаграмах і знімках екрана та погано на фотографіях, де кожен піксель трохи відрізняється від сусіднього. Фото, збережене як PNG, легко буває вп'ятеро більшим за JPG без видимої вигоди.
Де WebP справді виграє
WebP виконує обидві роботи. Він має режим зі втратами, який загалом перевершує JPG за тієї самої візуальної якості, і режим без втрат із прозорістю, який загалом перевершує PNG. Типова економія порівняно з PNG становить від 30% до 70%.
Проблема не в браузерах — кожен сучасний браузер читає WebP. Проблема в усьому іншому: старішому настільному програмному забезпеченні, деяких принтерах, деяких корпоративних системах документів і довгому хвості інструментів, які просто відмовляться відкрити файл. Якщо ви публікуєте в інтернеті, використовуйте WebP. Якщо надсилаєте файл людині, яка відкриє його в невідомій програмі, — ні.
Пастка, у яку потрапляють майже всі
Конвертація JPG у PNG не відновлює якість. Вона робить файл без втрат відтоді й надалі, що зупиняє подальшу шкоду, — але деталі, відкинуті початковим JPG, зникли назавжди, а PNG сумлінно зберігає разом з ними кожен артефакт стиснення. Ви отримуєте набагато більший файл із тими самими вадами.
Наслідок корисний: якщо ви збираєтеся редагувати зображення багато разів, працюйте в PNG і експортуйте в JPG один раз наприкінці. Кожне проміжне збереження у форматі зі втратами нашаровує шкоду.
Що відбувається з прозорістю
Прозорість підтримують лише PNG, WebP, GIF та ICO. Конвертуйте будь-який із них у JPG або BMP, і ці ділянки мають стати чимось, бо формат не має місця для запису «тут нічого немає». Інструменти вибирають по-різному; напрочуд багато вибирає чорний, що псує логотипи. Цей сайт навмисно заливає білим, чого майже завжди й очікують.
Щоб застосувати це на практиці: конвертуйте PNG у WebP для легших вебзображень, конвертуйте JPG у PNG, коли потрібна копія без втрат, або стисніть зображення, не змінюючи його формат.