Перейти к содержимому

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

Свежая фотография с телефона часто весит 3–8 МБ, тогда как форма загрузки, электронное письмо или веб-страница ожидают скорее 100–500 КБ. Хорошая новость: фото обычно можно уменьшить на 70–90% так, что никто этого не заметит. В этом гайде объясняется, что на самом деле делает файл тяжёлым, какие рычаги можно использовать и в каком порядке.

Команда CrispPic4 мин чтения

Что на самом деле делает файл изображения тяжёлым

Размер файла определяют три вещи: сколько в нём пикселей, какой формат и сжатие используются и сколько мелких деталей он содержит. Обычно побеждают пиксели. Снимок с телефона 4032 × 3024 содержит около 12 миллионов пикселей, и даже после JPEG-сжатия это несколько мегабайт — при этом монитор Full HD имеет всего 1920 пикселей в ширину, а экран телефона редко показывает больше примерно 1200. Большая часть этих пикселей никогда не отображается.

Важны и детали. Чистое небо сжимается почти до ничего, а фото листвы, ткани или толпы полно мелкой текстуры, которая стоит байтов при хранении.

Четыре рычага в порядке, который работает лучше всего

  1. Измените размер до того, который вам действительно нужен. Это, безусловно, самый большой выигрыш. Уменьшение ширины и высоты вдвое убирает 75% пикселей. Если изображение будет показываться шириной 800 пикселей, оригинал в 4000 пикселей — чистая трата.
  2. Выберите правильный формат. Фотографии хорошо выглядят в JPG или WebP; скриншоты, логотипы и текст — в PNG или WebP. Файлы WebP обычно на 25–35% легче JPG при сопоставимом визуальном качестве. В гайде JPG vs PNG vs WebP разобраны компромиссы.
  3. Немного снизьте качество. Для фотографий качество JPEG 75–85 при обычном размере просмотра, как правило, неотличимо от оригинала. Артефакты становятся заметны лишь ниже примерно 60.
  4. Обрежьте то, что не нужно. Пустые поля — это пиксели, за которые вы платите, так что уберите их. При повторном кодировании изображения пропадают также метаданные камеры и геопозиции (EXIF) — небольшая экономия и бонус для приватности. Если вы ничего не меняете, CrispPic вернёт вам исходный файл нетронутым.

С потерями или без: почему потери обычно незаметны

JPEG и WebP — форматы «с потерями» (lossy): они отбрасывают детали, которые глаз почти не замечает, — мелкие различия цвета, слабую высокочастотную текстуру — и сохраняют то, что глаз хорошо видит, например контуры и яркость. Поэтому хорошо сжатое фото выглядит так же при малой доле веса. PNG — «без потерь» (lossless): он сохраняет каждый пиксель точно, что идеально для скриншотов и логотипов, но делает фотографии огромными.

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

Какое уменьшение можно ожидать

СитуацияДоПослеКак
Фото с телефона для письмаОколо 4 МБ, 4032 × 3024300–600 КБУменьшите до ~1600 px в ширину, качество около 80
Фото для формы с лимитом 100 КБОколо 3 МБМеньше 100 КБУменьшите до ~1000 px и найдите самое высокое качество, которое поместится
Скриншот, сохранённый как PNGОколо 1,5 МБ200–400 КБКонвертируйте в WebP или в JPG, если нет прозрачности

Эти цифры иллюстративны — реальные результаты зависят от изображения. Фото с большим количеством деталей уменьшаются меньше, чем простые.

Быстрый путь: сжать до точного размера

Подбирать ползунок качества, пока файл не станет достаточно маленьким, долго. Если у вас есть цель — «меньше 200 КБ», быстрее указать её и позволить инструменту работать в обратную сторону. CrispPic ищет самое высокое качество, которое всё ещё укладывается в ваш лимит, и уменьшает размеры, только если одного качества недостаточно.

  1. Откройте инструмент сжатия и перетащите на него изображение.
  2. Выберите пресет размера файла (от 20 КБ до 1 МБ) или введите свой лимит.
  3. Перетащите ползунок «до/после» поверх изображения, чтобы убедиться, что оно всё ещё выглядит хорошо.
  4. Скачайте результат. Ничего не загружается: работа происходит в вашем браузере.

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

  • Сжимать скриншот с текстом как JPEG. У текста появляются размытые ореолы. Оставляйте скриншоты в PNG или WebP и лучше сначала уменьшите их размеры.
  • Сначала увеличивать маленькое изображение. Увеличение добавляет пиксели, но не детали, поэтому файл растёт, а изображение не становится лучше.
  • Сохранять JPG как PNG «ради качества». Файл становится больше, а повреждения JPEG — постоянными.
  • Слишком сильно сжимать плавные градиенты. Небо и оттенки кожи показывают заметные полосы, если качество занижено слишком сильно.
  • Судить только по размеру файла. Изображение в 90 КБ с неправильной формой или слишком маленькое на экране всё равно провал — проверяйте и размеры.

Часто задаваемые вопросы

Всегда ли уменьшение размера изображения снижает качество?

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

Какое качество JPEG использовать?

Для фотографий 75–85 — надёжная отправная точка. Опускайтесь ниже, только если гонитесь за жёстким лимитом размера файла, и проверяйте результат перед загрузкой.

Безопасно ли использовать WebP?

Все основные современные браузеры его показывают. Проблема — в старых настольных программах и некоторых формах загрузки, которые принимают только JPG или PNG. Если форма отклонит WebP, конвертируйте его в JPG — или начните с оригинала.

Почему моё «сжатое» изображение стало больше?

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

Попробуйте с уже выставленными нужными настройками

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

Бесплатно, без аккаунта и без водяных знаков.

Приватность по умолчанию

Каждое преобразование происходит в вашем браузере. Мы не смогли бы увидеть ваши изображения при всём желании.