Как сжать изображения без потери качества

«Сжать без потери качества» звучит как противоречие. и для форматов с потерями это технически так. Но на практике визуальный порог, при котором сжатие становится заметным, значительно ниже, чем большинство людей предполагает. При правильном формате и настройках можно уменьшить размер файлов изображений на 60–80% без какой-либо видимой разницы для человеческого глаза.

Понять оптимальный диапазон качества

У каждого формата с потерями есть диапазон качества, при котором сжатие агрессивно, но результат выглядит идентично оригиналу. Для фотографий:

• JPEG качество 75–85: неощутимая потеря для большинства фото при веб-размерах
• WebP качество 75–85: то же визуальное качество, что JPEG q85, при файле меньше на 25–35%
• AVIF качество 60–75: то же визуальное качество, что JPEG q85, при файле меньше на 40–50%

Экономия между качеством 100 и качеством 80 в JPEG огромна. часто в 3–5 раз. без ощутимой разницы. Значения качества выше 85 дают убывающую отдачу.

Выберите современный формат

Переход с JPEG на современный формат. это наибольший источник «бесплатных» выигрышей в сжатии:

Конвертация JPEG 300 КБ в AVIF при эквивалентном качестве обычно даёт файл 130–180 КБ. Никаких изменений качества, уменьшение размера на 40–55%.

Изменяйте размер перед сжатием

Сжимать изображение шириной 4000 пикселей, которое будет отображаться в 800 пикселей, расточительно. Сначала измените размер до размеров отображения, затем сожмите. Изображение 800×600 при JPEG q80 будет значительно меньше, чем изображение 4000×3000 при JPEG q95. и будет выглядеть идентично при веб-размерах отображения.

Удалите метаданные

Файлы JPEG и PNG часто содержат встроенные метаданные: GPS-координаты, модель камеры, цветовые профили, историю редактирования, строки авторских прав. Эти данные могут добавить 20–150 КБ к файлу. Для веб-использования удалите все метаданные:

• JPEG: удалите EXIF, IPTC, XMP. обычно экономит 5–50 КБ
• PNG: удалите чанки tEXt, iTXt, zTXt, gAMA, cHRM. экономит 1–20 КБ

Большинство инструментов сжатия и CDN изображений удаляют метаданные автоматически. Проверьте с помощью exiftool или DevTools браузера (размер файла до/после), что метаданные удалены.

Используйте прогрессивный JPEG для больших изображений

Прогрессивный JPEG кодирует изображение за несколько проходов, быстро доставляя размытый полноразмерный превью, который резчает по мере поступления данных. Для изображений более 10 КБ прогрессивный JPEG обычно на 2–10% меньше базового JPEG при том же качестве. Он также обеспечивает лучшее воспринимаемое ощущение загрузки при медленных соединениях.

Сжатие PNG без потерь без ущерба для качества

Для файлов PNG (скриншоты, графика с прозрачностью) применяйте оптимизацию без потерь:

• Уменьшите глубину цвета: если изображение использует менее 256 цветов, конвертируйте в PNG-8 (индексированный цвет). Это может уменьшить размер файла на 60–70% без визуальных изменений
• Используйте pngcrush или oxipng: эти инструменты находят оптимальные параметры сжатия DEFLATE без изменения значений пикселей
• Рассмотрите WebP без потерь: WebP без потерь обычно на 26% меньше PNG при идентичных данных пикселей

Рабочий процесс сжатия веб-изображений

1. Измените размер до отображаемых размеров
2. Выберите формат: AVIF → WebP → JPEG/PNG в зависимости от требований совместимости браузеров
3. Для фото: начните с качества 80, снизьте до 70, если файл всё ещё слишком большой, остановитесь на 65
4. Удалите метаданные
5. Визуальная проверка при реальном размере отображения
6. Сравните размеры файлов до и после