Какой формат изображения выбрать для вашей задачи
Опубликовано · Обновлено 2 мин чтения
JPG, PNG, WebP и AVIF предназначены не для одних и тех же изображений. Правильный выбор зависит от того, что показывает картинка: фотографию, снимок экрана с текстом или логотип на прозрачном фоне. Неудачный выбор ничего не ломает, но может утяжелить файл или испортить контуры.
Что говорит справочник
По документации MDN, JPEG подходит для фотографий, но не для рисунков с чёткими контурами. PNG сохраняет каждый пиксель точно и подходит для снимков экрана, схем и логотипов. WebP сжимает лучше обоих и допускает прозрачность. AVIF сжимает ещё сильнее и тоже допускает прозрачность.
Те же изображения в нескольких форматах
Полученный вес для трёх исходных изображений в PNG, сцены, близкой к фотографии, 2 400 на 1 600 пикселей, снимка экрана 1 400 на 900 и прозрачного логотипа 900 на 900, таков.
| Изображение | Исходный 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,4 до 3,3 МБ.
AVIF
Экспорт в AVIF зависит от вашего браузера. Если он недоступен, инструмент сообщает об этом и не создаёт файл: выберите WebP, который даёт близкий результат.
Для каких случаев
Выбор между качеством и весом: сайт, печатный документ, сообщение или соцсеть требуют разных форматов. Правильный выбор облегчает файл, не портя контуры.
Проверка результата
- Сравните полученный вес с исходным.
- Рассмотрите края текста и градиенты, увеличив масштаб.
- Сохраните исходное изображение.
Чтобы узнать, какой формат читается везде, см. Какой формат изображения принимается везде.
Часто задаваемые вопросы
- Какой формат для фотографии?
- JPG или WebP: у фотографии они уменьшают вес более чем вдвое по сравнению с PNG.
- Какой формат для снимка экрана или логотипа?
- PNG или WebP. У таких изображений JPG весит больше PNG и портит чёткие контуры.
- Облегчает ли повторное преобразование PNG в PNG файл?
- Нет, оно может даже утяжелить его.
- Почему не работает экспорт в AVIF?
- Это зависит от вашего браузера. Если он недоступен, инструмент сообщает об этом и не создаёт файл: выберите WebP.