JPG (JPEG)
Что такое JPG?
JPG (JPEG) — это растровый формат хранения изображений, использующий сжатие с потерями для многократного уменьшения размера файла по сравнению с несжатыми данными, оставаясь совместимым с любыми браузерами, устройствами и программным обеспечением с 1992 года.
Как это работает?
Исходное изображение переводится из цветовой модели RGB в YCbCr, после чего разбивается на блоки 8×8 пикселей, к каждому из которых применяется дискретное косинусное преобразование (ДКП). Полученные частотные коэффициенты квантуются по таблице, отбрасывающей высокочастотные детали, незаметные глазу, а затем сжимаются энтропийным кодером Хаффмана. Степень сжатия регулируется параметром «качество» от 0 до 100, где значения выше 90 дают почти незаметные артефакты, но увеличивают размер файла.
Метрики и стандарты
По данным HTTP Archive (2025–2026), JPEG остаётся форматом 71% всех растровых изображений в интернете благодаря полной кросс-браузерной поддержке. При сохранении с качеством 85% фотография в среднем уменьшается на 60–70% относительно несжатого TIFF, но весит на 25–34% больше, чем эквивалент в WebP при идентичном визуальном качестве. Каждые лишние 100 КБ изображения увеличивают Largest Contentful Paint на 0,08–0,12 секунды на мобильном 4G-соединении, поэтому неоптимизированные JPG напрямую ухудшают показатели Core Web Vitals.
Почему это важно для бизнеса?
Фотографии товаров, портфолио и баннеры составляют до 70% трафика веб-страницы, и их суммарный вес определяет скорость загрузки магазина. JPG обеспечивает мгновенную кросс-платформенную совместимость без рисков неверного отображения, но его избыточный размер без дополнительного сжатия замедляет отрисовку и снижает конверсию. Устаревшие инструменты сохранения часто оставляют EXIF-метаданные и несжатые миниатюры, увеличивая вес на 20–40% без видимой пользы, поэтому постобработка обязательна.
Пример применения
Фотограф загружал в портфолио на WordPress снимки напрямую с камеры — JPG размером 4–7 МБ каждый. Галерея из 15 работ весила 85 МБ и загружалась за 9 секунд на мобильном интернете, что приводило к отказам 62%. После настройки автоматической оптимизации через плагин Imagify (сжатие до 82% качества и удаление EXIF) вес галереи сократился до 18 МБ. Загрузка упала до 2,4 секунды, отказы снизились до 28%, а заявки с портфолио выросли на 22%.
Как это реализуется в WordPress?
WordPress нативно поддерживает загрузку JPG в медиабиблиотеку и автоматически генерирует несколько размеров миниатюр в соответствии с настройками «Настройки → Медиафайлы». Оптимизация JPG реализуется через плагины:
- Smush — сжимает изображения без потерь на сервере, удаляет EXIF и может конвертировать в WebP.
- Imagify — трёхуровневое сжатие с возможностью преобразования в WebP и настройкой процента качества.
- ShortPixel — массовое сжатие с поддержкой ретроактивной обработки существующей медиатеки.
- WP—Optimize — оптимизация на лету и фоновое сжатие с автоматическим удалением неиспользуемых размеров.
На серверном уровне можно ограничить максимальное качество генерируемых JPEG-миниатюр через фильтр jpeg_quality в functions.php, а CDN (Cloudflare Polish) динамически сжимает файлы на edge-узлах, не меняя origin. Рекомендуется всегда устанавливать качество JPEG на уровне 82–85% и удалять метаданные через хуки при загрузке.
Связанные понятия
- Сжатие с потерями — метод, необратимо удаляющий часть данных для радикального сокращения размера файла; основа формата JPEG.
- Дискретное косинусное преобразование (ДКП) — математический алгоритм, разлагающий блоки пикселей на частотные компоненты в кодере JPEG.
- EXIF-метаданные — служебная информация о камере и геолокации, которую плагины удаляют для уменьшения веса JPG на 15–25%.
- WebP — современный формат-преемник, сжимающий изображения на 25–34% сильнее JPEG при эквивалентном качестве.
- КачествоJPEG — числовой параметр от 0 до 100, управляющий уровнем квантования; значения 82–90 считаются оптимальными для веба.
- МедиабиблиотекаWordPress — штатное хранилище всех загруженных изображений, где JPG-файлы проходят первичную генерацию миниатюр.
