Как сжимать изображения без потери качества

Большие изображения — главная причина медленных веб-страниц, отклонённых почтовых вложений и переполненного облачного хранилища. Хорошая новость: обычно размер файла изображения можно сократить на 60–80%, прежде чем человеческий глаз заметит разницу. Это руководство объясняет, как на самом деле работает сжатие, какие настройки качества использовать и как сжимать изображения, не загружая их куда-либо.

Сжатие с потерями и без потерь: главное, что нужно понять

Любой метод сжатия изображений относится к одной из двух категорий. Сжатие без потерь (его используют PNG и ZIP-файлы) перезаписывает данные более эффективно, но сохраняет каждый исходный пиксель — изображение, сжатое без потерь, всегда распаковывается в точно такую же картинку. Сжатие с потерями (его использует JPG) безвозвратно отбрасывает детали, которые человеческое зрение плохо улавливает, например незначительные вариации цвета в плавных областях. Именно поэтому файлы JPG для фотографий получаются намного меньше, чем PNG.

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

Выбор правильной настройки качества

Когда вы сохраняете JPG, кодировщик запрашивает значение качества, обычно от 0 до 100. Это главный параметр для баланса между размером и точностью:

• Качество 90–100: практически неотличимо от оригинала, но файлы остаются большими. Оправдано только для архивных мастер-копий.
• Качество 75–85: оптимальный вариант для большинства задач. Фотографии обычно сжимаются до 20–40% исходного размера без видимых потерь на экранах.
• Качество 50–70: появляется заметное смягчение, особенно на резких краях и тексте. Допустимо для миниатюр или там, где трафик ограничен.
• Ниже 50: блочные артефакты и цветовые полосы становятся очевидными. Не используйте для изображений, которые видят пользователи.

Пошагово: сжатие изображений в браузере

1. Откройте инструмент «Сжатие изображений» — регистрация не требуется.
2. Перетащите одно изображение или целую партию — всё остаётся на вашем устройстве.
3. Выберите формат вывода: JPG для фотографий, PNG для графики с чёткими краями.
4. Настройте ползунок качества: начните с 80 и корректируйте, наблюдая за предпросмотром в реальном времени.
5. Сравните размеры файлов «до» и «после» для каждого изображения.
6. Скачайте сжатые изображения по отдельности или одним ZIP-архивом.

Сколько на самом деле можно сэкономить?

Типичные результаты для фотографий прямо с телефона: файл JPG размером 4 МБ, перекодированный с качеством 80, обычно получается от 600 КБ до 1,2 МБ — сокращение на 70–85%. Скриншоты в PNG, преобразованные в JPG там, где прозрачность не нужна, часто уменьшаются ещё сильнее. WebP позволяет сэкономить ещё 20–30%, если вы сами решаете, где будет показываться изображение, и точно знаете, что все просмотрщики его поддерживают.

Почему локальное сжатие в браузере так важно

Многие бесплатные онлайн-компрессоры загружают ваши изображения на сервер, обрабатывают их там и возвращают результат. Это значит, что ваши фото — семейные снимки, сканы документов, работы для клиентов — передаются и хранятся на чужой инфраструктуре. Сжатие в браузере с помощью Canvas API перекодирует изображения целиком на вашем собственном устройстве. Ничего не передаётся, ничего не сохраняется, а после загрузки страницы всё работает офлайн. Можете убедиться в этом сами: откройте вкладку Network в DevTools браузера во время сжатия и посмотрите, появляются ли запросы на выгрузку данных.

Попробуйте прямо сейчас: сжимайте изображения бесплатно и приватно в инструменте «Сжатие изображений».