Как обрезать фото по пропорциям: 1:1, 4:5, 9:16, 16:9 и другие

Соотношение сторон описывает только форму снимка: ширину, делённую на высоту, и записывается двумя небольшими целыми числами. Кадры 1920 × 1080 px и 1280 × 720 px оба имеют соотношение 16:9: если разделить каждую сторону на наибольшее число, подходящее к обеим (120 и 80), получится 16 и 9. Размер в пикселях, напротив, показывает, сколько деталей в кадре. Два изображения могут иметь одинаковое соотношение сторон и отличаться по числу пикселей вчетверо, а два изображения с почти одинаковым числом пикселей, например 1080 × 1350 и 1200 × 1200, могут иметь разную форму.

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

Начальное соотношение сторон задаёт сенсор, на который вы снимаете. Большинство камер телефонов записывают 4:3 (снимок iPhone в 12 МП — 4032 × 3024 px), а большинство камер со сменными объективами — 3:2, как на 35-мм плёнке. Любая обрезка до другого соотношения отбрасывает часть кадра, и чем сильнее целевая форма отличается от исходной, тем больше вы теряете.

Большинство требований укладывается в несколько форм. Квадрат 1:1 — стандарт для фото профиля, объявлений на маркетплейсах и аватарок: сайт может показать его квадратом или вырезать из него круг без неожиданностей. Лента Instagram принимает всё от альбомного 1,91:1 до портретного 4:5, а 4:5 при 1080 × 1350 px занимает больше всего высоты экрана. Stories, Reels, TikTok и YouTube Shorts — полноэкранные 9:16. YouTube рекомендует для собственных превью 1280 × 720 px и размер файла менее 2 MB, а в PowerPoint размер слайда по умолчанию 16:9 начиная с PowerPoint 2013. Размеры в пикселях для каждой площадки смотрите в руководстве размеры постов и сторис в Instagram.

У отпечатков и документов свои форматы. Отпечаток 4 × 6 дюймов — это 2:3 (или 3:2 в горизонтальной ориентации), 8 × 10 дюймов — 4:5, а 5 × 7 дюймов — 5:7, поэтому для каждой рамки одному и тому же снимку нужна своя обрезка. Фото на паспорт задаются в миллиметрах: 35 × 45 мм в Великобритании, ЕС, Индии и многих других странах, что соответствует 7:9, а фото на паспорт США — квадрат 2 × 2 дюйма. Фото на паспорт онлайн обрезает снимок до этих размеров и дополнительно проверяет высоту головы, чего простая обрезка по соотношению не делает.

Вписать изображение в кадр можно тремя операциями, и их легко перепутать. Обрезка отсекает пиксели по краям и не трогает остальное, поэтому меняет форму и уменьшает число пикселей. Изменение размера масштабирует все пиксели и сохраняет снимок целиком, поэтому меняет число пикселей, но не форму. Дополнение полями, также называемое леттербоксингом (полосы сверху и снизу) или пиллербоксингом (полосы по бокам), добавляет однотонную рамку, и снимок подходит под новую форму без потерь.

Обычно задача решается двумя операциями подряд. Чтобы превратить снимок с телефона 4032 × 3024 px в пост для Instagram 1080 × 1350 px, его обрезают до 4:5 (примерно 2419 × 3024 px), а затем уменьшают. Чтобы вписать широкий групповой снимок в квадрат и никого не обрезать, его дополняют полями до 1:1. Изменение размера изображения делает и то и другое за один проход: задайте обе стороны и выберите в пункте Подгонка вариант Обрезать по кадру или Дополнить цветом.

Фиксация соотношения сторон задаёт форму рамки, но не её положение, а именно положение делает обрезку осмысленной. Обычная отправная точка — правило третей: представьте кадр, разделённый двумя горизонтальными и двумя вертикальными линиями, и поместите объект (или глаза на портрете) на одну из них, а не строго по центру. Большинство экранов обрезки рисуют такую сетку, пока вы двигаете рамку. Для квадратной аватарки лучше подходит центр: сайт может вырезать из неё круг, и всё возле углов пропадёт.

Запас над головой — это пространство над ней. Если его слишком много, человек кажется маленьким и утопающим в кадре, а если нет совсем и макушка касается края, кадр выглядит тесным. При обрезке 9:16 из горизонтального снимка оставьте объекту немного места в сторону, куда он смотрит или движется, чтобы кадр не казался зажатым.

Площадки также закрывают часть кадра своим интерфейсом. В Stories и Reels вверху находится имя профиля, а внизу — строка ответа и подписи, поэтому не размещайте текст примерно в верхних и нижних 250 px кадра 1080 × 1920. YouTube показывает длительность видео в правом нижнем углу каждого превью. Размещайте заголовки и лица там, где их ничто не закроет.

Любое популярное приложение для фото умеет фиксировать рамку обрезки на нужном соотношении сторон, но ни одно не позволяет ввести точный размер в пикселях. На iPhone приложение «Фото» сохраняет оригинал, поэтому позже к нему можно вернуться с помощью Вернуть. В Google Photos на Android рядом с Сохранить есть Сохранить как копию, если нужно оставить обе версии. Ниже описаны текущие версии приложений: названия меню в разных выпусках менялись, но кнопка соотношения сторон остаётся на экране обрезки.

В Windows 11 откройте снимок в приложении «Фотографии», нажмите Изменить изображение (Ctrl + E) и перейдите на вкладку обрезки. В меню Соотношение сторон есть варианты «Произвольно», «Оригинал», «Квадрат» и фиксированные формы, например 16:9, 4:3 и 3:2; перетащите рамку, а затем выберите Сохранить как копию, чтобы оригинал остался нетронутым.

На Mac в Preview всё наоборот: меню соотношения сторон нет, но во время выделения показывается размер области в пикселях. Если удерживать Shift, рамка фиксируется как квадрат, то есть 1:1. Для любого другого соотношения следите за цифрами, пока они не совпадут, или рассчитайте их заранее: для 4:5 при высоте снимка 3024 px ширина составит 3024 × 4 ÷ 5 = 2419 px.

Когда форма требует точный размер, например 1200 × 628 px для превью ссылки или 600 × 600 px для фото на визу, блокировка соотношения сторон задаёт только форму, а размер всё равно придётся менять отдельно. Рамка обрезки, заданная в пикселях, делает и то и другое сразу. В инструменте обрезки в поле Соотношение сторон есть девять фиксированных пропорций, а также режим «Свободно» для произвольной рамки и Свой размер (px) для точных значений Ширина и Высота. Он работает в любом браузере, в том числе на телефоне, без установки и регистрации.

Одну и ту же рамку можно применить сразу к 20 изображениям, каждое до 95 MB. Это удобно для фото товаров, снятых на одном столе, скриншотов одного окна или набора портретов для страницы команды. Начальное положение определяет, где рамка окажется на каждом файле: по центру, у края, в углу или Умное (по объекту), когда для каждого фото отдельно ищется главное лицо или объект. Файлы удаляются с сервера через 30 минут после обработки.

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

В инструменте обрезки выберите в поле Форма значение Круг и задайте PNG или WebP в поле Формат вывода; За пределами круга при этом останется «Прозрачный». Для JPG выберите белый, чёрный или Цвет фона, подходящий к странице, где будет картинка. Большинство мессенджеров и соцсетей всё равно сами вырезают круг из квадратного изображения, поэтому для них достаточно обычной обрезки 1:1 с лицом по центру. Готовый круг пригодится для подписей в письмах, слайдов и документов.

Обрезка не размывает и не смягчает оставшиеся пиксели, она лишь убирает остальные. Вопрос качества возникает при сохранении результата. PNG сохраняется без потерь, поэтому обрезанный PNG пиксель в пиксель совпадает с этой областью оригинала. JPG приходится декодировать и кодировать заново, что добавляет ещё один цикл сжатия. При Качество 85 по умолчанию одно пересохранение незаметно, но если обрезать один и тот же JPG пять раз подряд, сохраняя каждый раз, потери накопятся пять раз. Храните оригинал и каждый раз обрезайте именно его.

Кроме того, в обрезанном кадре меньше пикселей, и именно от этого зависит воспринимаемое качество. Обрезка 9:16 из горизонтального фото 4032 × 3024 px оставляет только около 1701 × 3024 px, примерно 42% кадра, и этого всё ещё с запасом хватает для сторис 1080 × 1920. Плотная обрезка лица с групповой фотографии может оставить 400 px или меньше, и на современном экране это выглядит мягко. Размер файла обычно падает вместе с числом пикселей, поэтому обрезка — ещё и первый шаг, если фото нужно уложить в лимит по KB.