Гид по сжатию изображений: WebP, AVIF, JPEG, PNG

Изображения обычно самая тяжёлая часть страницы. Правильный формат и качество сильно уменьшают размер, сохраняя чёткость.

С потерями и без потерь

Форматы с потерями (JPEG, WebP, AVIF) отбрасывают малозаметные детали и сильно уменьшают файл. Без потерь (PNG) сохраняет каждый пиксель — хорошо для логотипов и прозрачности, но тяжело для фото.

Какой формат выбрать

• Фото и миниатюры: WebP по умолчанию — на 25–35% меньше JPEG и широко поддерживается.
• Минимальный размер в современных браузерах: AVIF.
• Максимальная совместимость: JPEG.
• Логотипы, иконки, прозрачность: PNG или WebP без потерь.

Выбор качества

• WebP / JPEG: качество 70–80 — баланс размера и чёткости.
• AVIF: начните с 50–60 для схожего восприятия.
• У PNG нет ползунка качества; если файл большой, это, скорее всего, фото — переведите в WebP.

Понижайте качество постепенно и сравнивайте до/после: выберите значение прямо перед заметной потерей.

Коротко

Для веб-фото — WebP с качеством 75, для минимального размера — AVIF, для прозрачности — PNG. В Scrunch можно конвертировать много изображений сразу, прямо в браузере.