Вот что почти все делают со сжатием изображений: тянут ползунок куда-то между 70 и 85, нажимают «сжать» и надеются, что будет нормально. Файл слишком большой — двигают влево. Выглядит плохо — чуть вправо. Повторяют, пока не надоест.
Раньше я делал точно так же. Пока не собрал компрессор изображений, который запускает MozJPEG прямо в браузере, и не задался вопросом: что на самом деле делает этот ползунок? Сколько размера мы выигрываем или теряем на каждом шаге? Есть ли тот предел, где дальше снижать качество просто перестаёт иметь смысл?
Так что я перестал гадать и посчитал цифры.
Как я тестировал
Я взял четыре разных изображения — портрет, пейзаж с небом и землёй, товар на чистом фоне и закат с градиентом — и прогнал каждое через наш компрессор при качестве 40, 60, 80 и 90. Один и тот же движок (MozJPEG), одно и то же разрешение (1600×1200), никакого ресайза. Это не теоретическая математика из учебника. Это реальные замеры байт из той же библиотеки, что работает в CompactJPG.
| Изображение | Исходный PNG | q=40 | q=60 | q=80 | q=90 |
|---|---|---|---|---|---|
| Закат | 495 КБ | 10,6 КБ | 13,3 КБ | 47 КБ | 148 КБ |
| Портрет | 637 КБ | 28,7 КБ | 40,2 КБ | 82 КБ | 187 КБ |
| Пейзаж | 567 КБ | 15,4 КБ | 22,5 КБ | 74 КБ | 204 КБ |
| Товар | 382 КБ | 9,8 КБ | 11,1 КБ | 21 КБ | 67 КБ |
Несколько вещей бросаются в глаза сразу.
Три вещи, которые вам никто не рассказывает про настройки качества
1. Качество 90 почти никогда не стоит того
Переход с качества 80 на 90 примерно удваивает размер файла на всех тестовых изображениях — но улучшение картинки почти незаметно, если только не разглядывать пиксель в пиксель. В среднем q=90 вышел примерно в 2,6 раза больше по размеру, чем q=80. Это 160% лишней пропускной способности и места ради, может быть, 2% лучшей воспринимаемой резкости. Если вы отдаёте миллионы фото, эта разница дорого обходится. Просто выкладываете в Instagram — никто не заметит.
2. Качество 60 — «сладкая точка» для большинства веб-задач
Снижение с 80 до 60 режет размер файла примерно вдвое (в среднем — 45% от исходной выдачи q=80). Для большинства фото на сайтах, картинок в блоге и вложений в почту потеря качества тонкая: мягкие градиенты остаются мягкими, лица выглядят нормально, текст читается. Лёгкие квадратики вы заметите, только если увеличите детали вроде волос или листвы больше чем на 100%. В обычном размере просмотра? Для подавляющего большинства неотличимо от q=80.
3. У качества 40 есть настоящая цена
На q=40 файлы становятся крошечными — для большинства этих изображений меньше 30 КБ. Отлично, если вы боретесь со строгим лимитом загрузки (вроде потолка 20 КБ, который требуют многие госформы). Но есть компромисс: ровные участки в порядке, края становятся чуть мягче, а всё с мелким деталями (фактура ткани, листва деревьев, напечатанный текст) начинает показывать видимые JPEG-артефакты. Используйте, когда нужно. Не по умолчанию.
Так какое качество использовать ВАМ?
Перестаньте думать о цифре и подумайте о том, куда попадёт изображение:
- Шапки сайта и товарные фото — держитесь 75–85. Это первое впечатление, пусть будет чётким. Если у вас интернет-магазин, загляните в наше руководство по сжатию фото недвижимости, чтобы пакетно сжимать картинки объявлений без потери деталей.
- Картинки для блога, соцсетей, рассылок — 65–80 здесь отлично работает. Никто не будет увеличивать шапку вашего письма до 200%. Вы сэкономите 40–50% сразу по сравнению с выкручиванием до 90.
- Строгие лимиты загрузки (job-порталы, сканы документов, аватары форумов) — опуститесь до 45–60. Да, вы теряете немного точности, но альтернатива — ошибки «файл слишком большой» весь день. Наш компрессор даёт предпросмотр до скачивания, чтобы вы подогнали всё точно.
- Архив, печать или профессиональное портфолио — не занижайте. Держите качество 90+, переключитесь на PNG без потерь или сохраните оригинал как есть. Сжатие нужно для доставки, а не для хранения.
Одна вещь, которая упрощает всё
Причина, по которой большинство выбирают на ползунке случайное число, в том, что результат виден только после того, как сжатый файл уже скачан. Сжали, скачали, открыли, прищурились, вернулись, подправили, повторили. Скучно, и никто этим не наслаждается.
Помогает видеть, как итоговый размер обновляется в реальном времени, пока вы двигаете ползунок, плюс быстрый предпросмотр перед тем, как нажать «готово». Так и работает наш инструмент: вы кидаете изображение, тянете ползунок качества — и предполагаемый размер меняется мгновенно. Без догадок, без лишних кругов. Ваши файлы тоже никогда не покидают устройство, так что пока вы экспериментируете с настройками, никаких проблем с приватностью.
Вам не нужно заучивать «для блога лучше всего качество 78». Нужен просто инструмент, который показывает цифры, пока вы решаете.