Как уменьшить размер изображения без потери качества
Свежая фотография с телефона часто весит 3–8 МБ, тогда как форма загрузки, электронное письмо или веб-страница ожидают скорее 100–500 КБ. Хорошая новость: фото обычно можно уменьшить на 70–90% так, что никто этого не заметит. В этом гайде объясняется, что на самом деле делает файл тяжёлым, какие рычаги можно использовать и в каком порядке.
Команда CrispPic4 мин чтения
Что на самом деле делает файл изображения тяжёлым
Размер файла определяют три вещи: сколько в нём пикселей, какой формат и сжатие используются и сколько мелких деталей он содержит. Обычно побеждают пиксели. Снимок с телефона 4032 × 3024 содержит около 12 миллионов пикселей, и даже после JPEG-сжатия это несколько мегабайт — при этом монитор Full HD имеет всего 1920 пикселей в ширину, а экран телефона редко показывает больше примерно 1200. Большая часть этих пикселей никогда не отображается.
Важны и детали. Чистое небо сжимается почти до ничего, а фото листвы, ткани или толпы полно мелкой текстуры, которая стоит байтов при хранении.
Четыре рычага в порядке, который работает лучше всего
- Измените размер до того, который вам действительно нужен. Это, безусловно, самый большой выигрыш. Уменьшение ширины и высоты вдвое убирает 75% пикселей. Если изображение будет показываться шириной 800 пикселей, оригинал в 4000 пикселей — чистая трата.
- Выберите правильный формат. Фотографии хорошо выглядят в JPG или WebP; скриншоты, логотипы и текст — в PNG или WebP. Файлы WebP обычно на 25–35% легче JPG при сопоставимом визуальном качестве. В гайде JPG vs PNG vs WebP разобраны компромиссы.
- Немного снизьте качество. Для фотографий качество JPEG 75–85 при обычном размере просмотра, как правило, неотличимо от оригинала. Артефакты становятся заметны лишь ниже примерно 60.
- Обрежьте то, что не нужно. Пустые поля — это пиксели, за которые вы платите, так что уберите их. При повторном кодировании изображения пропадают также метаданные камеры и геопозиции (EXIF) — небольшая экономия и бонус для приватности. Если вы ничего не меняете, CrispPic вернёт вам исходный файл нетронутым.
С потерями или без: почему потери обычно незаметны
JPEG и WebP — форматы «с потерями» (lossy): они отбрасывают детали, которые глаз почти не замечает, — мелкие различия цвета, слабую высокочастотную текстуру — и сохраняют то, что глаз хорошо видит, например контуры и яркость. Поэтому хорошо сжатое фото выглядит так же при малой доле веса. PNG — «без потерь» (lossless): он сохраняет каждый пиксель точно, что идеально для скриншотов и логотипов, но делает фотографии огромными.
Одна оговорка: каждый раз, когда вы пересохраняете файл с потерями, отбрасывается ещё немного деталей. Сохраните оригинал и один раз экспортируйте из него уменьшенную версию, вместо того чтобы сжимать копию копии.
Какое уменьшение можно ожидать
| Ситуация | До | После | Как |
|---|---|---|---|
| Фото с телефона для письма | Около 4 МБ, 4032 × 3024 | 300–600 КБ | Уменьшите до ~1600 px в ширину, качество около 80 |
| Фото для формы с лимитом 100 КБ | Около 3 МБ | Меньше 100 КБ | Уменьшите до ~1000 px и найдите самое высокое качество, которое поместится |
| Скриншот, сохранённый как PNG | Около 1,5 МБ | 200–400 КБ | Конвертируйте в WebP или в JPG, если нет прозрачности |
Эти цифры иллюстративны — реальные результаты зависят от изображения. Фото с большим количеством деталей уменьшаются меньше, чем простые.
Быстрый путь: сжать до точного размера
Подбирать ползунок качества, пока файл не станет достаточно маленьким, долго. Если у вас есть цель — «меньше 200 КБ», быстрее указать её и позволить инструменту работать в обратную сторону. CrispPic ищет самое высокое качество, которое всё ещё укладывается в ваш лимит, и уменьшает размеры, только если одного качества недостаточно.
- Откройте инструмент сжатия и перетащите на него изображение.
- Выберите пресет размера файла (от 20 КБ до 1 МБ) или введите свой лимит.
- Перетащите ползунок «до/после» поверх изображения, чтобы убедиться, что оно всё ещё выглядит хорошо.
- Скачайте результат. Ничего не загружается: работа происходит в вашем браузере.
Частые ошибки
- Сжимать скриншот с текстом как JPEG. У текста появляются размытые ореолы. Оставляйте скриншоты в PNG или WebP и лучше сначала уменьшите их размеры.
- Сначала увеличивать маленькое изображение. Увеличение добавляет пиксели, но не детали, поэтому файл растёт, а изображение не становится лучше.
- Сохранять JPG как PNG «ради качества». Файл становится больше, а повреждения JPEG — постоянными.
- Слишком сильно сжимать плавные градиенты. Небо и оттенки кожи показывают заметные полосы, если качество занижено слишком сильно.
- Судить только по размеру файла. Изображение в 90 КБ с неправильной формой или слишком маленькое на экране всё равно провал — проверяйте и размеры.
Часто задаваемые вопросы
Всегда ли уменьшение размера изображения снижает качество?
Изменение размера делает изображение меньше, что не является потерей, если его всё равно покажут меньшим. Сжатие с потерями действительно отбрасывает детали, но при умеренных настройках разница невидима при обычном размере просмотра. Есть и способы без потерь, например PNG, но для фотографий они экономят гораздо меньше.
Какое качество JPEG использовать?
Для фотографий 75–85 — надёжная отправная точка. Опускайтесь ниже, только если гонитесь за жёстким лимитом размера файла, и проверяйте результат перед загрузкой.
Безопасно ли использовать WebP?
Все основные современные браузеры его показывают. Проблема — в старых настольных программах и некоторых формах загрузки, которые принимают только JPG или PNG. Если форма отклонит WebP, конвертируйте его в JPG — или начните с оригинала.
Почему моё «сжатое» изображение стало больше?
Обычно потому, что изменился формат — например, JPG сохранили как PNG, — или потому, что источник уже был сильно оптимизирован и убирать было нечего. Попробуйте уменьшить размер.
Попробуйте с уже выставленными нужными настройками
Эти страницы открывают инструмент CrispPic, настроенный именно под этот случай. Ваше изображение обрабатывается в вашем браузере: оно нигде не загружается.
Бесплатно, без аккаунта и без водяных знаков.
Читайте дальше
- JPG, PNG или WebP: какой формат изображения использовать?Сравнение JPG, PNG и WebP простым языком — размер, качество, прозрачность и совместимость — и простое правило, как выбрать подходящий.
- Фото слишком большое для загрузки? Как уложиться в любой лимит размера файлаПриведите фото к точному лимиту в КБ или МБ, которого требует форма загрузки: какие лимиты типичны, как их достичь и что делать, если одного сжатия недостаточно.
- Пиксели, DPI и разрешение: что действительно важноПиксели, DPI и PPI простым языком: почему DPI не важен на экранах, как рассчитать пиксели, нужные для печати, и что на самом деле означают мегапиксели.