LeanImg

Приведет ли обрезка изображения к уменьшению размера файла?

Когда мы применили обрезку 16:9 к нашей фотографии размером 538,6 КБ, размер файла увеличился до 671 КБ. Обрезка и изменение размера файла — это отдельные операции, обе измеряемые с помощью одного и того же инструмента обрезки.

Фотография с именем texture.jpg с размерами 3840x2160 весит 538,6 КБ. Установите онлайн-инструмент обрезки изображений на 16:9 и затем нажмите Обрезать. Загруженное изображение остается 3840x2160, а размер файла теперь составляет 671 КБ. Поскольку оригинальное изображение было в соотношении 16:9, прямоугольная область охватывала все пиксели. Версия, сохраненная с качеством 92, оказалась тяжелее той, с которой вы начали.

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

Приведет ли обрезка к уменьшению размера файла?

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

Четыре предустановленных соотношения для texture.jpg, 538,6 КБ.
СоотношениеПиксели внеФайл внеИзменение
1:12160 x 2160413 КБ23% меньше
4:32880 x 2160519,6 КБ4% меньше
16:93840 x 2160671 КБ25% больше
9:161215 x 2160259,9 КБ52% меньше
Результат обрезки LeanImg для texture.jpg при 16:9, 3840x2160 оставаясь 3840x2160 и 538,6 КБ становясь 671 КБ
Карточка результата после обрезки texture.jpg на 16:9.

Когда фотография 16:9 обрезается до 16:9, размер файла увеличивается с 538,6 КБ до 671 КБ, а качество, установленное на 92, выше, чем у оригинального сохранения.

Тот, на который стоит обратить внимание, — это строка 16:9; из файла не было удалено ни одного пикселя, и его размер увеличился на 132,4 КБ. JPEG хранит изображение в плитках 8 на 8. Когда выполняется новое кодирование на более высоком уровне качества, чем у оригинала, или на сетке, которая больше не соответствует этим плиткам, файл может оказаться больше, чем количество пикселей, которые были отброшены. Если цель — сохранить файл маленьким, то обрезку следует отправить в компрессор изображений. Точка, в которой этот ползунок перестает быть полезным для этой конкретной фотографии, измеряется в отдельном разделе.

Влияет ли обрезка на качество изображения?

Да, это произошло с JPEG; JPEG, WebP и AVIF все декодируются, а затем перекодируются на уровне качества 92. Эта настройка достаточно высока, чтобы быть незаметной на фотографии, но все же включает вторичное сжатие с потерями. В случае скриншота, содержащего много мелкого текста, необходимо проверить его на 100% перед использованием.

Обрезка PNG — это процесс без потерь. Пиксели внутри прямоугольника точно такие же, как соответствующая область в оригинале. Это было подтверждено на примере alpha.png: когда применяется обрезка 1:1 к файлу 900x606, получается PNG 606x606, значения RGBA которого совпадают с центральным квадратом в оригинальном файле, и размер файла уменьшается с 942,4 КБ до 521,5 КБ, поскольку 294 столбца были удалены. Версия формата, которая сохраняет альфа-канал, — это та, о которой говорится в этом правиле.

Бессжатая обрезка JPEG доступна в инструменте командной строки под названием jpegtran, так как она обрезает только с интервалами 8 или 16 пикселей, чтобы сохранить блоки DCT целыми. Сначала изображение декодируется с помощью инструментов обрезки канваса браузера, включая наш собственный, через OffscreenCanvas.convertToBlob.

В чем разница между обрезкой и изменением размера?

Обрезка отбрасывает пиксели, которые находятся за пределами прямоугольника, и изменяет композицию. Изменение размера сохраняет все изображение и изменяет его ширину и высоту.

Когда лицо кажется слишком маленьким на широком фото, сначала обрежьте его до соотношения 1:1. Если композиция уже правильная, а платформа требует 1080x1080, то измените размер. Большинство фотографий профиля требуют обоих шагов, в этом порядке, так как квадрат, который все еще шире 2160 пикселей, вдвое шире, чем лента Instagram.

Соотношение 1:1 составляет 2160x2160 и весит 413 КБ; оно имеет правильную форму, хотя все еще вдвое шире, чем изображение 1080.

Результат обрезки LeanImg для texture.jpg при 1:1, 3840x2160 становясь 2160x2160 и 538,6 КБ становясь 413 КБ
Карточка результата после обрезки texture.jpg на 1:1.

Руководство по размерам для Instagram применяется к четырем целям, которые имеют ширину 1080 пикселей. В отличие от изменителя размера, увеличитель — это другой вариант, который используется, когда обрезка оставляет слишком мало пикселей для печати или для экрана.

Могу ли я настроить изображение на точный размер в пикселях?

Нет. Инструмент обрезки работает с использованием соотношений сторон и нарисованного прямоугольника, и у него нет поля ширины или высоты. Мы намеренно опустили эти поля, так как добавление целевого размера в пикселях, как правило, приводит к тому, что выходные данные чаще растягиваются, чем к тому, что они соответствуют введенной пользователем области.

Измените размер, используя требуемое соотношение, а затем введите точные значения в пикселях в изменителе размера. Поскольку соотношение уже совпадает, этот масштаб чистый. Для пользовательских соотношений используйте два целых поля, 4 и 5, чтобы установить портрет 4:5.

Удаляет ли обрезка данные EXIF и GPS?

Да, обрезка выполняется на новом холсте и затем кодируется с нуля, что означает, что никакие метаданные из оригинала не остаются. Данные EXIF, GPS-координаты, временные метки и встроенное миниатюра отсутствуют в загружаемом вами файле. Также отсутствует информация о марке и модели камеры. Ориентация применяется к пикселям перед выполнением обрезки, поэтому фотография с флагом поворота 6 оказывается в правильном положении.

Изображение AVIF, которое вовсе не обрезано, все равно переписывается. Изображение img.avif имеет размеры 400x269 и размер 9,3 КБ; после произвольной обрезки всего изображения оно возвращается с размером 21,3 КБ. Снова у нас то же количество пикселей, новое кодирование и больший файл. Это тот же механизм, что и в строке JPEG 16:9. Если вы откроете вкладку сети во время обрезки, вы увидите, что она остается пустой: как декодирование, так и кодирование происходят внутри вкладки. Единственные данные, которые, как утверждает наша политика конфиденциальности, мы собираем, — это количество просмотров страниц и анонимные данные об использовании инструмента.

Каков результат, когда я обрезаю GIF?

Вы получаете PNG; когда GIF декодируется в браузере, получается только первый кадр, что означает, что все, что сохраняется с расширением .gif, на самом деле будет статическим изображением с анимированным именем файла. Изменение расширения файла делает сглаживание очевидным. Файл anim.gif уменьшился в размере с 587,4 КБ до PNG размером 115,9 КБ при 320x214, состоящем из одного кадра.

Инструмент обрезки обрабатывает одно изображение за раз, с максимальным размером файла 10 МБ; прямоугольник обрезки — это выбор, сделанный относительно одной фотографии. Аналогично, компрессор, изменитель размера и конвертер обрабатывают до 10 изображений за сеанс.