Сжатие изображений с потерями vs без потерь

Каждое изображение в вебе сжато; но не всякое сжатие одинаково. Понимание разницы между сжатием с потерями и без потерь. основа всей работы по оптимизации изображений. От этого зависит, какой формат выбрать, насколько можно пожертвовать качеством и когда остановиться со сжатием.

Что такое сжатие с потерями?

Сжатие с потерями навсегда удаляет данные из изображения. Алгоритм анализирует изображение и отбрасывает информацию, которую человеческий глаз с наименьшей вероятностью заметит. тонкую текстуру в гладких областях, плавные цветовые градиенты, высокочастотные детали. В результате получается файл меньшего размера за счёт некоторой потери качества изображения.

Ключевая характеристика: потеря качества необратима. После сохранения JPEG отброшенные данные исчезают навсегда. Повторное сохранение этого JPEG вызывает ещё один раунд потери качества. это называется «деградация поколений».

Форматы, использующие сжатие с потерями: JPEG, WebP (режим с потерями), AVIF (режим с потерями), HEIC (режим с потерями)

Что такое сжатие без потерь?

Сжатие без потерь сохраняет каждый пиксель оригинального изображения. Алгоритм находит избыточные паттерны в данных и кодирует их более эффективно. как ZIP-сжатие для файлов; но распакованное изображение побайтно идентично оригиналу. Никакая визуальная информация никогда не отбрасывается.

Форматы, использующие сжатие без потерь: PNG, GIF, WebP (режим без потерь), AVIF (режим без потерь), BMP (несжатый)

Сравнение бок о бок

Когда использовать сжатие с потерями

Сжатие с потерями. правильный выбор, когда:

• Вы сжимаете фотографии: фото имеют сложные, нерегулярные паттерны пикселей, где некоторая потеря данных незаметна
• Размер файла критичен: баннеры-герои, фотографии товаров, фоны страниц
• Изображение будет просматриваться в фиксированном размере и вы контролируете итоговое качество вывода
• Вы не будете снова редактировать изображение: сжатие с потерями должно быть последним шагом перед публикацией

Когда использовать сжатие без потерь

Сжатие без потерь необходимо, когда:

• Изображение содержит чёткие края или текст: сжатие с потерями создаёт видимые артефакты (звон, размытие) вокруг высококонтрастных краёв
• Требуется прозрачность: PNG с альфа-каналом
• Изображение является исходным файлом, который будет редактироваться: всегда работайте в форматах без потерь; применяйте сжатие с потерями только при экспорте
• Важна попиксельная точность: скриншоты, макеты интерфейса, технические диаграммы

Настройки качества при сжатии с потерями

Форматы с потерями (JPEG, WebP, AVIF) имеют параметр качества, как правило, по шкале от 0 до 100. Это не линейная шкала. соотношение между значением качества и размером файла непропорционально:

• JPEG 90–100: очень высокое качество, большой файл. Редко оправдано для веб-использования
• JPEG 75–85: отлично подходит для фото, незаметная потеря качества, типичная цель для веба
• JPEG 60–75: видимые артефакты при детальном рассмотрении, но приемлемо для миниатюр
• JPEG ниже 60: видимое ухудшение, подходит только для очень маленьких изображений

WebP и AVIF дают лучшие результаты при том же значении качества, AVIF q60 обычно выглядит лучше, чем JPEG q80, при меньшем размере файла.

Оптимизация PNG без потерь

Даже файлы PNG без потерь можно значительно уменьшить без потери качества путём:

• Уменьшения глубины цвета: PNG-8 (256 цветов) против PNG-24 (16 миллионов цветов). используйте PNG-8 для простой графики
• Применения более агрессивного сжатия DEFLATE (pngcrush, oxipng)
• Удаления метаданных (профили ICC, текстовые чанки, временные метки создания)