Как сжать JPEG для сайта

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

Хорошая новость в том, что JPEG является фотографическим форматом с потерями, поэтому он может отбросить много данных, которые глаз всё равно не заметит. Разумное сжатие вместе с подгонкой размера изображения под то, как оно реально показывается, обычно уменьшает фото до малой доли исходного веса без заметной разницы на экране.

Компрессор JPG даёт регулятор качества, который можно подстраивать, пока не будут устраивать и размер, и вид:

• Откройте компрессор JPEG и перетащите туда фото, можно загрузить сразу несколько.
• Настройте качество. Для фото на сайте значение около 75–82 обычно оптимально: почти неотличимо на экране, а размер файла заметно уменьшается.
• Просмотрите результат, затем экспортируйте и скачайте. Экспортированный файл представляет собой новый JPEG с удалёнными метаданными, поэтому скрытые данные EXIF и GPS не попадают вместе с ним на ваш сервер.

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

Качество даёт лишь половину успеха, вторая половина зависит от размера. Если фото шириной 4000 пикселей помещают туда, где оно показывается всего в 800 пикселей, большая часть файла тратится на детали, которых ни один посетитель никогда не увидит, а браузеру всё равно приходится скачивать все эти лишние пиксели.

Поэтому перед сжатием подгоните размер изображения примерно под самый большой размер, в котором оно реально показывается (немного запаса для экранов высокой плотности не помешает). Фото, подогнанное под область показа и затем сжатое с качеством 75–82, часто весит лишь десятую часть оригинала, а это обычно самый большой прирост скорости, какой только можно получить. Одно предупреждение: сжатие JPEG необратимо и накапливается. Повторное сжатие уже сжатого JPEG каждый раз добавляет заметные артефакты, поэтому всегда начинайте с оригинала и сжимайте только один раз.

JPEG остаётся безопасным и универсальным выбором, но уже не самым лёгким по весу. Его современные преемники, WebP и AVIF, дают то же видимое качество при заметно меньшем размере, и оба хорошо поддерживаются современными браузерами. Если вес страницы для вас в приоритете, стоит попробовать конвертировать JPG в WebP или в AVIF и сравнить результат.

Это честный совет «стоит попробовать», а не жёсткое правило: если вам нужен файл, который откроется буквально везде без проблем, оставайтесь на JPEG. Более широкий обзор того, как выбрать уровень качества и формат, смотрите в статье как сжимать изображения без потери качества.