Как уменьшить размер файла изображения
Форма загрузки требует не больше 2 MB, а моё фото весит 8 MB. Что именно менять?
Три рычага, и один из них главный
Любой компрессор изображений дёргает какую-то комбинацию из трёх рычагов: сколько в изображении пикселей, сколько деталей разрешено отбросить кодировщику и в каком формате он пишет результат. За ползунок качества хватаются первым делом, потому что его первым делом и показывает любой инструмент. Начинать с него обычно неправильно.
Главный рычаг — размеры, потому что вес файла примерно пропорционален числу пикселей, а число пикселей растёт как квадрат линейного размера. Уменьшив вдвое ширину и высоту, вы оставляете четверть пикселей. Ползунок качества на такое не способен, и ничто другое не обходится так дёшево по воспринимаемому качеству — при условии, что результат всё ещё крупнее той области, в которой его будут показывать.
Посчитайте, сколько пикселей вам на самом деле нужно
Современная камера телефона выдаёт снимки шириной порядка 4000 пикселей. Фотография во весь экран ноутбука показывается при ширине примерно от 1500 до 2000 пикселей, а фотография внутри статьи — часто при 800. Отправить 4000 пикселей в блок, который показывает 800, означает, что около 96 процентов пикселей программа читателя отбросит уже после того, как скачает их.
| Длинная сторона | Примерное число пикселей | Доля от оригинала в 4000 px |
|---|---|---|
| 4000 px | 10,7 млн | 100% |
| 2560 px | 4,4 млн | 41% |
| 1920 px | 2,5 млн | 23% |
| 1280 px | 1,1 млн | 10% |
| 800 px | 0,4 млн | 4% |
Эти проценты — арифметика, а не замер какого-то конкретного файла: сжатый файл уменьшается не строго пропорционально числу пикселей. И всё же смотреть в первую очередь нужно именно на них, потому что они показывают, сколько запаса даёт кодировщику уменьшение размеров, прежде чем ему придётся начать отбрасывать детали.
Что делает ползунок качества
В кодировщике JPEG число качества масштабирует таблицу делителей, которые применяются к частотным коэффициентам каждого блока 8×8. Ниже качество — грубее деление, значит, больше коэффициентов округляется до нуля, значит, меньше бит. Видимая плата появляется сначала на резких границах и в плавных градиентах: звон рядом с текстом и полосы на небе.
Шкала нелинейна, и она несопоставима между форматами. Качество 80 в кодировщике JPEG, в кодировщике WebP и в кодировщике AVIF — три никак не связанных числа, у которых просто совпадает диапазон. Судите о результате по тому, как он выглядит в полном размере, а не по цифре.
Почему целевой вес — это поиск, а не настройка
Ни один кодировщик не принимает указание «сделай это 500 KB». Он принимает настройку качества и выдаёт тот размер, который эта настройка даёт для конкретного изображения. Поэтому инструмент, предлагающий задать целевой вес, на самом деле ведёт поиск: закодировать, измерить, подправить качество, закодировать снова — и остановиться, когда результат уложился в бюджет или когда достигнут нижний порог качества.
Именно поэтому целевой вес всегда достигается «по возможности». Детальная, шумная фотография с высоким разрешением может не уложиться в жёсткий бюджет ни при каком качестве, которое человек согласится принять, и честная реакция — остановиться на пороге и сказать, где именно, а не продолжать, пока картинка не будет испорчена. Инструменты FileSlimmer с целевым весом сначала уменьшают размеры, затем сужают качество между границами и сообщают, на какой настройке остановились.
Как сделать картинку меньше 1 MB
Начните с того, что уменьшите фотографию с телефона до самых больших размеров, которые нужны получателю. Для почты, форм и обычных веб-страниц это часто заметно меньше оригинала с камеры. Затем закодируйте новый JPEG или WebP с высоким, но не максимальным качеством, измерьте результат и понижайте качество постепенно — только если файл по-прежнему больше 1 MB.
Одно лишь качество не определяет, окажется ли результат меньше 1 MB, потому что детальным изображениям нужно больше данных, чем простым. Если первый проход не уложился в лимит, уменьшайте размеры, прежде чем давить качество дальше. Обычно так изображение выглядит естественнее, чем если сохранить все пиксели и получить сильную блочность или звон.
Что не помогает
- Положить файл в ZIP. В сжатых форматах изображений почти не остаётся избыточности, которую нашёл бы универсальный архиватор; архив обычно отличается от оригинала на величину погрешности округления.
- Переименовать расширение. Байты от этого не меняются, а программа, которая читает настоящую сигнатуру файла, просто запутается.
- Пересохранить JPEG с тем же качеством. Это второй проход с потерями: сколько-нибудь полезно файл не уменьшится, а картинка станет чуть хуже.
- Вычистить метаданные из фотографии, если вам важен только размер. Несколько килобайт EXIF на фоне нескольких мегабайт пикселей — это шум. Удаляйте их ради приватности, что действительно имеет смысл, а не ради размера.
Порядок действий, который обычно приводит к цели
- Определите самый большой размер, в котором изображение когда-либо будут показывать, и уменьшите длинную сторону до него.
- Выберите формат под содержимое: с потерями — для фотографий, без потерь — для скриншотов и плоской графики.
- Начните с высокого, но не максимального качества и понижайте его, пока не увидите повреждения, затем вернитесь на шаг назад.
- Проверьте результат в полном размере и на экране того типа, для которого он предназначен.
- Если файл всё ещё слишком велик, вернитесь к первому шагу. В размерах почти всегда больше запаса, чем в качестве.
Где это перестаёт работать
Некоторые изображения сопротивляются всему перечисленному. Отсканированному документу с мелким текстом пиксели нужны для читаемости, поэтому уменьшение вредит сразу, а снижение качества даёт ровно те артефакты, из-за которых текст читать труднее всего. У скриншота электронной таблицы та же беда. Для них правильный ответ чаще другой формат — без потерь или PDF, — а не меньшее число килобайт.
И если портал отклоняет ваш файл, посмотрите, на что именно стоит ограничение: на вес файла или на размеры в пикселях. Это разные ограничения, и файл, проходящий одно, вполне может не пройти другое.
Инструменты для этого
Источники
- ITU-T T.81 — quantisation and the JPEG quality scale
- MDN — Image file type and format guide
- MDN — Responsive images and choosing a display width