Как сжать изображения без потери качества (PNG, JPG, WebP)
Одно неоптимизированное главное изображение может весить больше, чем вся остальная страница. При медианном весе страницы около 2,9 МБ на десктопе и 2,6 МБ на мобильных устройствах — причём изображения занимают почти треть этого объёма — сжатие не является опциональным. Оно напрямую влияет на время загрузки, показатели Core Web Vitals и даже на доход: Vodafone Italy сократила Largest Contentful Paint на 31% и получила рост продаж на 8%, просто оптимизировав изображения.
Хорошая новость: можно кардинально уменьшить размер файлов — зачастую на 60–80% — сохраняя изображения визуально неотличимыми от оригиналов. В этом руководстве подробно объясняется, как этого добиться, с реальными данными и практическими шагами.
Что на самом деле означает «без потерь» (и почему большинство советов ошибаются)
Термины «с потерями» (lossy) и «без потерь» (lossless) описывают, что происходит с данными изображения при сжатии, а не то, что происходит с воспринимаемым качеством.
Сжатие без потерь уменьшает размер файла, находя более эффективные способы кодирования тех же пиксельных данных. Каждый пиксель сохраняется в точности. Это как заархивировать текстовый файл — содержимое при распаковке идентично. PNG использует сжатие без потерь, а WebP без потерь на 26% меньше PNG в среднем.
Сжатие с потерями безвозвратно удаляет часть пиксельной информации, которую человеческий глаз вряд ли заметит. JPEG, WebP с потерями и AVIF работают именно так. Ключевой момент: при настройках качества выше 75–80% удалённые данные действительно невидимы на обычном расстоянии просмотра. JPEG при качестве 78–82 — это оптимальная зона для веб-отображения — вы получаете уменьшение размера файла на 50–70%, а изображение на экране выглядит идентично оригиналу.
Итак, когда люди говорят «сжать без потери качества», они на самом деле имеют в виду: сжать без потери видимого качества. И это вполне достижимо.
Три рычага сжатия изображений
Любой процесс сжатия изображений сводится к трём независимым рычагам. Потяните любой из них — и файл станет меньше. Потяните все три — и вы добьётесь впечатляющей экономии.
Рычаг 1: Выберите правильный формат
Один только выбор формата может сократить размер файла вдвое. Вот как основные форматы соотносятся друг с другом для одного и того же изображения при эквивалентном воспринимаемом качестве:
| Формат | Лучше всего для | Прозрачность | Тип сжатия | Относительный размер |
|---|---|---|---|---|
| JPEG | Фотографии, градиенты | Нет | С потерями | Базовый (1×) |
| PNG | Скриншоты, графика, текст | Да | Без потерь | В 2–5× больше JPEG |
| WebP | Всё для веба | Да | Оба варианта | На 25–34% меньше JPEG |
| AVIF | Фотографии, HDR-контент | Да | Оба варианта | Примерно на 50% меньше JPEG |
Оба формата пользуются почти универсальной поддержкой браузеров — WebP более 95%, а AVIF более 93% — что делает их безопасными для использования в продакшене с фолбэком через <picture> для оставшихся устаревших браузеров.
Практический вывод: если вы сейчас используете JPEG или PNG на сайте, переход на WebP даст вам сокращение размера на 25–34% без разницы в качестве. Если вы можете использовать AVIF, экономия будет ещё больше.
Вы можете мгновенно конвертировать между форматами с помощью Image Format Converter — выбирайте WebP для лучшего баланса совместимости и сжатия.
Рычаг 2: Настройте уровень качества
Каждый формат с потерями имеет ползунок качества, обычно от 0 до 100. Зависимость между настройкой качества и размером файла нелинейна — выше 85 наблюдается резкое убывание отдачи.
Вот что можно ожидать при различных уровнях качества JPEG для типичной фотографии:
| Качество | Размер файла (от оригинала) | Видимая разница |
|---|---|---|
| 100% | ~95% от несжатого | Нет — но файл огромный |
| 85% | ~30–40% | Нет при обычном расстоянии просмотра |
| 75% | ~20–25% | Едва заметна при детальном рассмотрении |
| 60% | ~12–18% | Лёгкая размытость мелких деталей |
| 40% | ~8–12% | Заметные артефакты вокруг краёв |
Оптимальная зона для большинства задач — 75–85%. Классический анализ Джеффа Этвуда на Coding Horror показал, что даже опытные наблюдатели с трудом отличают качество 75 от 95 на типичных веб-изображениях, при этом разница в размере файла составляет 3–4×.
Для WebP можно установить значение ещё ниже: WebP при качестве 75 выглядит сопоставимо с JPEG при качестве 85, при этом файл значительно меньше.
Попробуйте сами: Image Compressor — загрузите любое изображение и двигайте ползунок качества, чтобы увидеть разницу в размере в реальном времени. Большинство пользователей обнаруживают, что качество 80% даёт 60–70% экономии размера файла без видимых изменений.
Рычаг 3: Удалите метаданные
Это бесплатный выигрыш, который большинство руководств по сжатию упускают из виду. Каждая фотография с телефона или камеры содержит EXIF-метаданные: GPS-координаты, модель камеры, дата съёмки, настройки объектива, а иногда и встроенные миниатюры. Эти метаданные могут добавлять от 10 до 100 КБ к каждому изображению — и не несут никакой пользы в вебе.
Удаление метаданных по-настоящему безопасно: ни один пиксель не изменяется. Если вы уже сжимаете изображения, добавьте удаление метаданных в рабочий процесс для дополнительного сокращения на 5–15% поверх экономии от сжатия. В качестве бонуса вы также защищаете свою конфиденциальность — мы подробно рассмотрели это в руководстве о рисках конфиденциальности EXIF-данных.
Вы можете удалить метаданные из любого изображения с помощью EXIF Data Remover до или после сжатия.
Сравнение современных форматов: JPEG, WebP и AVIF в 2026 году
С учётом повсеместной поддержки форматов нового поколения ландшафт форматов изменился. Вот практическое сравнение на основе реальных тестов:
JPEG остаётся форматом по умолчанию для большинства камер и дизайн-инструментов. Он универсально поддерживается и хорошо изучен. Новый кодировщик Jpegli от Google (2024) обеспечивает на 35% лучшее сжатие при высоких настройках качества по сравнению с традиционными JPEG-кодировщиками, оставаясь при этом полностью обратно совместимым — доказательство того, что даже «старые» форматы продолжают совершенствоваться.
WebP — прагматичный выбор для веб-изображений в 2026 году. Он поддерживает как сжатие с потерями, так и без потерь, поддерживает прозрачность (в отличие от JPEG) и стабильно превосходит JPEG на 25–34% при эквивалентном качестве. Реальное внедрение подтверждает лабораторные результаты: крупные CDN, такие как Cloudflare и Cloudinary, отмечают стабильную экономию при автоматической конвертации JPEG в WebP в масштабе.
AVIF предлагает лучшие доступные коэффициенты сжатия: примерно на 50% меньше JPEG и на 20–30% меньше WebP. Он также поддерживает HDR и расширенный цветовой диапазон (глубина цвета 10–12 бит), которые ни JPEG, ни WebP не могут обеспечить. Компромисс — более медленное кодирование, что важно для обработки в реальном времени, но не для статических ресурсов.
Когда использовать каждый формат:
- JPEG: Вложения в email, совместимость с устаревшими системами, быстрый экспорт
- WebP: Выбор по умолчанию для веб-изображений — лучший баланс сжатия, качества, скорости и поддержки
- AVIF: Главные изображения, продуктовая фотография и везде, где важно максимальное сжатие и допустимо более медленное кодирование
- PNG: Скриншоты, диаграммы, пиксель-арт и всё, что требует точного воспроизведения пикселей
Как сжать изображения без потери видимого качества (пошагово)
Одно изображение: использование онлайн-инструмента
Самый быстрый способ сжать одно изображение:
- Откройте Image Compressor и перетащите изображение в область загрузки
- Установите качество на 80% — это оптимальная зона для большинства изображений
- Выберите выходной формат — выберите WebP для наименьшего файла или оставьте исходный формат
- Просмотрите результат — сравните показанное на экране сокращение размера файла
- Скачайте сжатое изображение
Для большинства фотографий вы увидите сокращение размера файла на 60–80% при качестве 80%. Если изображение содержит большие области однотонного цвета (скриншоты, диаграммы), экономия может быть ещё выше.
Совет: Если вам нужно точное воспроизведение пикселей (скриншоты с текстом, технические диаграммы), используйте формат PNG со сжатием без потерь. Для всего остального сжатие с потерями при 75–85% — правильный выбор.
Измените размер перед сжатием
Сжатие и размеры изображения — это независимые параметры, но они умножают эффект друг друга. Если вы загружаете фотографию 4000×3000 пикселей для блога, где изображение отображается в 800×600, вы сжимаете в 20 раз больше пикселей, чем нужно. Сначала измените размер, потом сжимайте.
Используйте Image Resizer для подгонки изображений под целевые размеры перед сжатием. Фотография 4000×3000, уменьшенная до 1200×900 и сжатая при качестве 80%, часто оказывается на 90–95% меньше оригинала.
Для разработчиков: CLI и API
Если вы обрабатываете изображения программно, специализированные инструменты дают больше контроля:
- Sharp (Node.js): Самая популярная библиотека обработки изображений. Использует libvips для скорости.
- Squoosh CLI: Командная обёртка Google над браузерными кодеками. Поддерживает WebP, AVIF, JPEG XL и другие форматы.
- ImageMagick: Швейцарский нож для изображений. Доступен везде, работает с любым форматом. Используйте
magick convert input.jpg -quality 80 output.jpg. - remove.sh API: Интегрируйте сжатие в ваш пайплайн простым HTTP-запросом — без установки библиотек. Подробности в документации API.
Сжатие по сценариям использования
Разные контексты требуют разных стратегий:
Веб-производительность (Core Web Vitals)
Изображения являются элементом Largest Contentful Paint на 85% десктопных страниц. Для оптимизации LCP:
- Используйте WebP или AVIF со сжатием с потерями при качестве 75–85%
- Подавайте адаптивные изображения с атрибутами
srcsetиsizes - Применяйте ленивую загрузку для изображений ниже первого экрана с
loading="lazy" - Указывайте явные атрибуты
widthиheightдля предотвращения сдвигов макета (CLS)
Вложения в электронную почту
Gmail, Outlook и Yahoo устанавливают лимиты на размер вложений (обычно 20–25 МБ). Для изображений в письмах:
- Измените размер под размеры отображения почтового клиента (обычно 600–800 пикселей по ширине)
- Сожмите JPEG до качества 70–75% — получатели редко просматривают вложения в полном масштабе
- Удалите EXIF-метаданные, чтобы сэкономить дополнительные 10–50 КБ на каждом изображении
Социальные сети
Большинство платформ (Instagram, X, Facebook) повторно сжимают каждое загруженное изображение независимо от того, что вы сделали. Задача — загрузить изображение достаточно высокого качества, чтобы их повторное сжатие не привело к видимым артефактам:
- Загружайте при качестве 90–95%, чтобы второй проход платформы оставался выше порога видимости
- Изменяйте размер до нативного разрешения платформы — загрузка изображений большего размера означает, что платформа их уменьшит и повторно сожмёт
- Используйте JPEG или PNG для загрузки; избегайте WebP, поскольку некоторые платформы плохо обрабатывают его при загрузке
Архивирование и печать
Когда качество действительно нельзя снижать:
- Используйте PNG (без потерь) или TIFF для архивирования
- Удаляйте только несущественные метаданные — сохраняйте цветовые профили (ICC)
- Сжимайте только методами без потерь (OptiPNG, pngcrush или WebP без потерь)
- Никогда не используйте сжатие с потерями для изображений, которые могут потребовать дальнейшего редактирования — артефакты накапливаются при каждом повторном кодировании
Какое сжатие — уже слишком?
Ответ зависит от содержимого изображения. Фотографии с плавными градиентами (небо, кожа, вода) хорошо переносят агрессивное сжатие. Изображения с резкими краями, текстом или высококонтрастными деталями раньше проявляют артефакты.
Практический тест: сожмите при качестве 80%, затем сравните с оригиналом в реальном размере отображения (не при увеличении до 400%). Если вы не можете отличить — всё готово. Если можете — увеличьте до 85% или 90% и попробуйте снова. Большинство пользователей находят свой порог между 75% и 85%.
Самая распространённая ошибка — сжатие при качестве 95–100% «на всякий случай». На таких уровнях вы платите 2–3-кратным увеличением размера файла за различия, которые буквально никто не может увидеть на экране. JPEG при качестве 100% даже не является по-настоящему безпотерьным — он всё равно применяет DCT-сжатие — поэтому нет причин использовать его вместо качества 85%.
Часто задаваемые вопросы
Испортится ли JPEG при повторном сжатии?
Повторное сжатие JPEG снова применяет сжатие с потерями, поэтому артефакты могут накапливаться. Однако если вы пересохраняете при том же или более высоком качестве без редактирования, современные кодировщики достаточно умны, чтобы минимизировать дополнительную деградацию. Практическое влияние одного дополнительного раунда сжатия при качестве 80%+ обычно неразличимо. Тем не менее, если вы планируете редактировать изображение несколько раз, работайте в формате без потерь (PNG, TIFF) и экспортируйте в JPEG только на финальном этапе.
PNG — всегда без потерь?
Да. Сжатие PNG всегда выполняется без потерь — каждый пиксель сохраняется в точности. Однако файлы PNG значительно больше, чем альтернативы с потерями для фотографий. PNG идеально подходит для скриншотов, текстовых наложений, диаграмм и пиксель-арта, где важно точное воспроизведение. Для фотографий JPEG или WebP при качестве 80%+ обеспечивают гораздо меньший файл без видимой разницы.
Можно ли сжимать изображения без установки программ?
Да. Браузерные инструменты, такие как Image Compressor, позволяют сжимать изображения онлайн без установки программ. Не требуется создание аккаунта или платная подписка — просто загрузите (до 20 МБ), сожмите и скачайте.
Какой идеальный размер изображения для сайтов?
Единого ответа нет, но хорошее правило: изображения должны весить не более 200 КБ для встроенного контента и не более 500 КБ для полноширинных главных изображений. Стремитесь к наименьшему размеру файла, при котором вы не можете отличить сжатую версию от оригинала при разрешении отображения. Использование формата WebP при качестве 80% с правильными размерами позволяет большинству изображений уложиться в эти пороги.
Можно ли конвертировать PNG в WebP без потери прозрачности?
Да. И WebP, и AVIF полностью поддерживают альфа-канал прозрачности. Конвертация прозрачного PNG в WebP обычно уменьшает размер файла на 60–70%, сохраняя прозрачность идеально. Используйте Image Format Converter для конвертации в один клик.
Начните сжимать
Сжатие изображений не должно быть сложным. Выберите правильный формат (WebP для большинства веб-задач), установите качество на 80% и удалите метаданные. Одни только эти три шага сократят размер большинства изображений на 60–80% без видимой потери качества.
Попробуйте сами: Image Compressor — перетащите файл и скачайте уменьшенное изображение за секунды. Двигайте ползунок качества, чтобы найти идеальный баланс между размером и качеством.
Если вы оптимизируете пакет изображений для сайта, совместите сжатие с конвертацией форматов и изменением размера для максимальной экономии. Три инструмента работают вместе: измените размер под размеры отображения, конвертируйте в WebP и сожмите — именно в таком порядке.