PNG, JPG чи WebP — який формат зображення обрати?
Майже кожне зображення в інтернеті використовує один із трьох форматів, і кожен із них жертвує чимось своїм заради результату. JPG агресивно стискає фотографії, відкидаючи дрібні деталі, які ваше око навряд чи помітить, PNG зберігає кожен піксель точно таким, яким він був, і додає прозорість, а WebP — новіший формат від Google, який намагається виконувати обидва завдання водночас — зі втратами й без втрат, з прозорістю — у файлі меншому, ніж зазвичай дає будь-який зі старіших форматів. Вибір неправильного формату рідко буває фатальним, але означає або роздуті часи завантаження сторінки, або помітно розмиті, блокові зображення. Цей посібник розкладає по поличках, що насправді робить кожен формат під капотом, де в цій картині місце HEIC (формату, у якому iPhone зберігає фото), і як конвертувати чи стискати будь-який з них, не вивантажуючи файл нікуди.
Що таке JPG і коли його варто використовувати?
JPG (також пишеться JPEG) використовує стиснення із втратами: він аналізує зображення блоками, відкидає дрібні деталі й варіації кольору, які людське око погано помічає, і відновлює наближення під час декодування. Саме цей компроміс і робить JPG малим за розміром — фотографія, яка б без стиснення важила кілька мегабайтів, часто стискається до кількох сотень кілобайтів за такого рівня якості, який більшість людей не відрізнить від оригіналу. JPG не має каналу прозорості, тож завжди відображається на непрозорому тлі, і він погано підходить для знімків екрана, лінійної графіки чи тексту, де стає помітним м'яке розмиття навколо чітких країв. Використовуйте JPG для фотографій і схожих на фото зображень — товарних знімків, портретів, пейзажів, — де важливий розмір файлу і очікується тло.
Що таке PNG і коли його варто використовувати?
PNG використовує стиснення без втрат: кожен піксель, який ви зберігаєте, — це точно той самий піксель, який ви отримуєте назад, без жодного наближення. Це робить PNG правильним вибором для знімків екрана, макетів інтерфейсу, логотипів, діаграм і будь-якого зображення з чітким текстом чи різкими краями, де артефакти стиснення із втратами були б одразу помітні як розмиття чи блоковий шум навколо країв. PNG також підтримує повноцінний альфа-канал (прозорість), тож логотип чи іконка можуть мати справді прозоре тло замість білого чи кольорового прямокутника навколо. Ціна цього — розмір: оскільки PNG не може відкидати деталі, фотографія, збережена як PNG, зазвичай у кілька разів більша за ту саму фотографію, збережену як JPG, без жодного помітного виграшу в якості для фотографічного сюжету.
Що таке WebP і чим він відрізняється від JPG і PNG?
WebP — це новіший формат, створений, щоб замінити обидва старіших одразу. Він підтримує і стиснення із втратами, і без втрат в тому самому форматі файлу, плюс повноцінний канал прозорості, як у PNG, — тож один формат може обробляти стиснуте фото, знімок екрана без втрат і прозорий логотип. На практиці файли WebP зазвичай виходять на 25-35% меншими за JPG еквівалентної якості, а WebP без втрат зазвичай менший навіть за те саме зображення, збережене як PNG. Підтримка браузерами стала практично універсальною з початку 2020-х (кожен основний браузер відтворює його нативно), що усунуло головне історичне заперечення проти його використання. Залишкова проблема — сумісність поза браузером: деякі старіші редактори зображень, застарілі плагіни CMS та робочі процеси друку чи дизайну досі не відкривають WebP напряму, тож варто перевірити свій конкретний набір інструментів, перш ніж стандартизувати WebP всюди.
Де тут місце HEIC, і чи варто його конвертувати?
HEIC — це формат, який iPhone використовує за замовчуванням для фото з часів iOS 11 — він стискає ефективніше за JPG за подібної якості, тому й займає менше місця на телефоні. Проблема тут у сумісності, а не в якості: чимало програм для Windows, старіших застосунків Android, вебформ і поштових клієнтів або взагалі не можуть відкрити файл .heic, або обробляють його незграбно. Якщо ви ділитеся фото там, де HEIC можуть не підтримувати — завантажуєте на сайт, надсилаєте електронною поштою комусь із невідомим пристроєм, публікуєте в старішому програмному забезпеченні — спершу конвертуйте його в JPG для найширшої сумісності, або в PNG, лише якщо вам конкретно потрібна якість без втрат чи прозорість (рідкість для звичайного фото з камери). Конвертер HEIC у JPG від LocalMedia виконує цю конвертацію повністю у вашому браузері, тож фото зчитується з вашого пристрою, конвертується і зберігається назад, не вивантажуючись нікуди.
Який формат обрати насправді — залежно від сценарію використання?
Рішення зазвичай зводиться до того, що містить зображення і куди воно прямує. Для фотографії чи фотореалістичного зображення, призначеного для вебу, використовуйте WebP, якщо ваша платформа його приймає, або JPG в іншому разі. Для знімка екрана, сканованого документа, діаграми чи будь-чого з текстом використовуйте PNG (або WebP без втрат), щоб краї залишалися чіткими. Для логотипа, іконки чи графіки, якій потрібне прозоре тло, використовуйте PNG або WebP — ніколи не JPG, оскільки він взагалі не здатен передавати прозорість. Для максимальної сумісності зі старим програмним забезпеченням, поштовими клієнтами чи робочими процесами друку JPG і PNG залишаються найбезпечнішим універсальним вибором, оскільки підтримка WebP поза сучасними браузерами досі непослідовна.
Чому багаторазове повторне збереження JPG погіршує якість?
Оскільки стиснення JPG відбувається із втратами, щоразу, коли ви відкриваєте JPG, редагуєте його і знову зберігаєте як JPG, формат повторно аналізує і повторно відкидає деталі поверх усього, що вже було відкинуто вперше. Відредагуйте й повторно збережіть файл кілька разів — і накопичена втрата стане помітною як м'яке розмиття, кольорові смуги чи блокові артефакти навколо країв — проблема, яку часто називають втратою поколінь. З PNG такого не трапляється, оскільки стиснення без втрат ніколи не відкидає деталі, скільки б разів ви не зберігали файл повторно. Якщо вам потрібно редагувати фото кілька разів, зберігайте під час редагування майстер-копію у PNG чи іншому форматі без втрат і експортуйте в JPG лише один раз — наприкінці, для фінальної передачі.
Як конвертувати чи стискати зображення, не вивантажуючи їх?
Конвертація між JPG, PNG, WebP і HEIC або зменшення завеликого файлу взагалі не потребує надсилання зображення на сервер — браузер може самостійно декодувати й перекодувати більшість поширених форматів зображень. Конвертер формату зображень LocalMedia перемикається між JPG, PNG і WebP прямо у вкладці вашого браузера, а стискач зображень зменшує розмір файлу, коригуючи якість чи розміри, і жоден із них не потребує, щоб файл коли-небудь покидав ваш пристрій. Ви можете переконатися в цьому самі: відкрийте DevTools вашого браузера (F12), перейдіть на вкладку Network і слідкуйте за запитом на вивантаження під час конвертації чи стиснення файлу — по-справжньому локальний інструмент не надсилає нічого.
Схожі інструменти
Поширені запитання
- Що краще — PNG чи JPG?
- Жоден із них не кращий універсально — вони створені для різного контенту. Стиснення JPG із втратами робить його набагато меншим для фотографій, тоді як стиснення PNG без втрат зберігає знімки екрана, текст і графіку без розмиття та додає підтримку прозорості, якої в JPG взагалі немає. Використовуйте JPG для фото, PNG — для всього з чіткими краями, текстом чи прозорим тлом.
- Чи WebP кращий за JPG?
- За розміром файлу та якістю — загалом так: WebP зазвичай дає файли на 25-35% менші за JPG еквівалентної якості, а також підтримує прозорість і стиснення без втрат, чого JPG взагалі не вміє. Єдина причина досі обирати JPG замість WebP — сумісність зі старішим програмним забезпеченням чи робочими процесами, які не відкривають файли WebP.
- Чи підтримує WebP прозорість?
- Так. WebP має повноцінний альфа-канал прозорості як у режимі з втратами, так і без втрат, тож він може замінити PNG для прозорих логотипів та іконок, зазвичай видаючи менший файл.
- Чи варто конвертувати HEIC у JPG чи PNG?
- Конвертуйте в JPG майже в усіх випадках — він менший і універсально сумісний, що якраз відповідає потребам звичайного фото з камери. Конвертуйте в PNG, лише якщо вам конкретно потрібна якість без втрат чи прозоре тло, що є рідкістю для звичайної фотографії.
- Який формат дає найменший файл?
- Для фотографій WebP із втратами зазвичай найменший, далі йде JPG, а PNG значно більший. Для знімків екрана, тексту чи лінійної графіки WebP без втрат зазвичай найменший, далі йде PNG, оскільки стиснення JPG із втратами погано підходить для чітких країв незалежно від розміру файлу.
- Чи можна конвертувати між PNG, JPG і WebP без втрати якості?
- Конвертація з формату без втрат (PNG) в інший режим без втрат зберігає якість абсолютно точно. Конвертація в формати із втратами чи між ними (JPG, WebP із втратами) завжди повторно стискає зображення, тож якийсь обсяг якості втрачається за кожної конвертації — зберігайте майстер-копію без втрат, якщо очікуєте конвертувати чи редагувати зображення більше одного разу.