Что такое соотношение сторон

Соотношение сторон — это отношение ширины кадра к его высоте, записанное двумя числами: 1:1, 4:3, 3:2, 16:9. От разрешения оно не зависит вовсе: 800 на 600 и 4000 на 3000 — одна и та же форма разного размера. Значение имеет именно форма. Если она не совпадает с той, которую ждёт сервис, он обрежет кадр сам, и почти всегда не там, где обрезали бы вы.

Локально в браузередо 100 МБбез регистрации

Коротко о цифрах

Запись: ширина к высоте: 1:1, 4:3, 3:2, 16:9
Не зависит от: разрешения — 800×600 и 4000×3000 это одна форма
Режимы в обрезке фото: свободный и четыре фиксированных
Стартовая рамка пресета: наибольший прямоугольник формы, по центру
Лист A4: около 1:1,41 — отношение стороны к корню из двух

Откуда взялись привычные пропорции

1:1 — квадрат: аватары, плитки каталогов, обложки в мессенджерах.
4:3 — форма матриц компактных камер и большинства сканов документов.
3:2 — плёночный кадр тридцать пять миллиметров, отсюда же отпечаток 10 на 15.
16:9 — экраны и видео; фотография в этой форме почти всегда обрезана сверху и снизу.
Лист A4 — примерно 1 к 1,41, поэтому под экранные форматы он не подходит ни один.

Что происходит, когда форма не совпадает

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

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

Как это сделано в нашей обрезке фото

Пять режимов: свободный и четыре фиксированных — 1:1, 4:3, 3:2 и 16:9.
Выбор пропорции сразу ставит рамку по центру и берёт наибольший прямоугольник этой формы, помещающийся в кадр.
Смена пропорции у выставленной рамки только ужимает её вокруг того же центра, поэтому рамка не убегает из-под курсора.
Рамка не выходит за края снимка: сначала ограничивается размер, затем положение.
Соотношение сторон при сжатии не меняется: обе стороны уменьшаются согласованно.

Частые вопросы

Какое соотношение сторон у листа A4?

Примерно один к одной целой сорока одной сотой. У всего ряда A ширина относится к высоте как единица к корню из двух, поэтому сложенный пополам лист сохраняет форму.

Изменится ли форма кадра при сжатии фотографии?

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

Можно ли растянуть фото под нужную форму вместо обрезки?

Технически можно, но растянутый кадр сразу заметен: лица вытягиваются, круги превращаются в овалы. Обрезка честнее — она убирает края, но ничего не искажает.

Почему в ленте моя фотография показана обрезанной?

Лента приводит все карточки к одной форме. Кадр, форма которого не совпала, обрезается автоматически по центру, и содержимое у краёв в превью просто не попадает.