Який формат зображення вибрати для вашого завдання
Опубліковано · Оновлено 1 хв читання
JPG, PNG, WebP і AVIF призначені не для одних і тих самих зображень. Правильний вибір залежить від того, що показує зображення: фотографію, знімок екрана з текстом чи логотип на прозорому тлі.
Що говорить джерело
Згідно з документацією MDN, JPEG підходить для фотографій, але не для чітких малюнків, PNG зберігає кожен піксель точно та підходить для знімків екрана, схем і логотипів, WebP стискає краще за обидва та підтримує прозорість, AVIF стискає ще сильніше й теж підтримує прозорість.
Ті самі зображення в чотирьох форматах
Випробування проводилися на трьох вигаданих зображеннях: сцені, близькій до фотографії, розміром 2 400 × 1 600 пікселів, знімку екрана розміром 1 400 × 900 пікселів і прозорому логотипі розміром 900 × 900 пікселів, усі три початково в PNG.
| Зображення | Початковий PNG | JPG | WebP |
|---|---|---|---|
| Фотографія | 2,36 MB | 1,08 MB | 1,02 MB |
| Знімок екрана | 67 KB | 115 KB | 49 KB |
| Прозорий логотип | 9 KB | 35 КБ (на білому тлі) | 14 КБ (прозорість збережено) |
Що з цього випливає
Для фотографії JPG і WebP зменшують вагу більш ніж удвічі. Для знімка екрана чи логотипа JPG важить більше за початковий PNG, а джерело не радить його для чітких контурів: краще підходять PNG або WebP. Повторне перетворення PNG на PNG не полегшує файл: фотографія переходить із 2,36 МБ на 3,28 МБ.
AVIF
Експорт в AVIF залежить від браузера. Якщо він недоступний, інструмент повідомляє про це й не створює файл.
Перевірка
- Порівняйте отриману вагу з початковою.
- Роздивіться контури тексту й градієнти за збільшення.
- Збережіть початкове зображення.
Щоб дізнатися, який формат читається скрізь, див. Який формат зображення приймається скрізь.