Руководства

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

Фото со смартфона может весить от 3 до 8 МБ — слишком много, чтобы отправить по почте, приложить к форме или разместить на сайте. К счастью, почти всегда его можно уменьшить до малой доли этого веса так, что разницы никто не заметит. В этом руководстве объясняется, что на самом деле делает сжатие и как применять его с умом.

Что значит сжать изображение

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

Когда говорят о «потере качества», почти всегда имеют в виду второй вариант. Главное — отбросить только то, чего не видно. При правильно выбранном уровне качества разница между оригиналом и сжатой версией незаметна при обычном размере экрана, даже если файл стал в десять раз легче.

Первый шаг: подберите размеры

Часто лишний вес связан не с качеством, а с размерами. Фото 4000 на 3000 пикселей содержит двенадцать миллионов точек, а обычный монитор показывает не более двух миллионов, телефон — ещё меньше. Если изображение пойдёт на сайт или в сообщение, уменьшение ширины до 1600 или 1200 пикселей уже резко снижает вес без заметной потери качества.

Практическое правило: для полной ширины на сайте хватает 1920 пикселей; для картинки внутри статьи — от 1000 до 1200; для миниатюры — от 400 до 600. Оставляйте исходные размеры, только если собираетесь печатать в большом формате.

Выбор правильного формата

Формат влияет не меньше, чем качество. Для фотографий лучшие варианты — JPG и WebP, причём WebP обычно даёт файл на 25–35 % легче при схожем виде. Для логотипов, скриншотов, текста и изображений с прозрачным фоном PNG сохраняет чёткие края и прозрачность, хотя весит больше.

Частая ошибка — сохранять фотографию в PNG: файл может оказаться в пять раз больше JPG-эквивалента без видимой пользы. Бывает и наоборот: логотип в JPG даёт размытые края и ореолы вокруг букв. Если сомневаетесь, помните простое правило: фото — в JPG или WebP, графика — в PNG.

Какой уровень качества выбрать

В JPG и WebP качество измеряется от 0 до 100. Выше 90 файл сильно растёт, а улучшение уже не заметно. Между 75 и 85 находится оптимум для большинства задач: вес заметно падает, а детали сохраняются. Ниже 60 в градиентах, таких как небо или гладкие стены, появляются блоки и пятна.

Попробуйте 80 и сравните. Если результат устраивает, снижать дальше нет смысла. Если нужно достичь конкретного веса, например 200 КБ для формы, лучше постепенно снижать качество и размеры до цели, а не сразу ставить очень низкое значение.

Как это сделать в Zipnify по шагам

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

Если нужен точный размер, например 100 КБ или 2 МБ, воспользуйтесь инструментом точного веса: он автоматически подбирает качество и размеры, приближаясь к цели и не превышая её.

Частые ошибки

Первая — сжимать одно и то же изображение несколько раз. Каждое сохранение с потерями ухудшает его ещё немного; всегда начинайте с оригинала. Вторая — снижать качество, не уменьшив сначала размеры, из-за чего приходится жертвовать деталями больше, чем нужно. Третья — забыть об ориентации: некоторые фото со смартфона хранят поворот в метаданных, и если они потеряны, изображение оказывается на боку.

Наконец, не путайте разрешение и размер файла. Изображение может иметь много пикселей и весить мало, если оно простое, или мало пикселей и много весить, если в нём много текстуры и шума. Всегда измеряйте результат в килобайтах — именно это важно при загрузке и отправке.

Попробовать инструмент: Сжать изображение

Частые вопросы

Другие руководства