Калькулятор соотношения сторон
Задача возникает каждый раз, когда картинку надо вписать в чужой формат: известна ширина, нужна высота при той же пропорции. Инструмент решает её в обе стороны — считает недостающую сторону по выбранному соотношению и, наоборот, определяет пропорцию по паре готовых размеров, сокращая её до несократимой дроби. Рядом лежит справочник ходовых форматов: обложка видео, вертикальная история, квадрат для ленты, баннеры рекламных сетей. По каждому видно, во что превратится ваш размер и сколько придётся обрезать, если исходник другой пропорции.
Пропорция и размер
Что получилось
Определить соотношение по размерам
Ходовые форматы
| Формат | Соотношение | Ваш кадр станет | Обрежется |
|---|
Как пользоваться
- Из готовых или впишите своё в поле рядом — например 21:9 или 2,35:1.
- Впишите ширину — посчитается высота. Впишите высоту — посчитается ширина.
- Во втором блоке введите оба числа: инструмент сократит дробь и назовёт формат, если он стандартный.
- Там показано, как ваш кадр ляжет в ходовые размеры и сколько обрежется по краям.
Частые вопросы
Что означает запись 16:9
Отношение ширины к высоте. Шестнадцать условных единиц в ширину на девять в высоту: при ширине 1920 высота будет 1080, при ширине 1280 — 720. Сами числа значения не имеют, важна только их пропорция, поэтому 16:9 и 32:18 — одно и то же.
Почему инструмент показывает 16:9, а я вводил 1920×1080
Пропорция сокращается до несократимой дроби через наибольший общий делитель. У 1920 и 1080 он равен 120, отсюда 16:9. Так принято записывать формат: это короче и сразу узнаётся.
Что делать, если пропорция получилась вроде 683:384
Значит, размеры не ложатся ни в один стандарт ровно — обычно из-за того, что картинку когда-то обрезали или сжали с округлением. Рядом с точным значением инструмент показывает ближайший стандартный формат и расхождение в процентах. Если оно меньше процента, картинку можно считать этим форматом.
Как понять, сколько обрежется при смене формата
Сравниваются пропорции исходника и цели. Если исходник шире, обрезаются бока, если выше — верх и низ. Инструмент показывает долю площади, которая уйдёт при обрезке по центру. Больше трети — повод не обрезать, а пересобрать кадр: композиция развалится.
Чем отличается вписывание от обрезки
При вписывании картинка целиком помещается в рамку, а пустое место остаётся полями. При обрезке рамка заполняется целиком, но часть изображения уходит за кадр. В рекламных кабинетах чаще требуется второе: поля обычно засчитываются как часть креатива и портят его показатели.
Почему у вертикальных форматов пропорция 9:16
Это тот же 16:9, повёрнутый на девяносто градусов: экран телефона в руке. Записывать надо именно в порядке «ширина к высоте», иначе расчёт перевернётся. Инструмент это учитывает: если высота больше ширины, он так и говорит, что формат вертикальный.
Данные куда-то отправляются
Нет, всё считается в браузере.
Похожие инструменты
Пиксели вручную или готовый пресет: обложка ВК, превью YouTube, аватар, фото 3×4, печать 10×15. Пакетно, с обрезкой или полями.
ОткрытьСжать фото до размераЗадайте вес — 100 КБ, 500 КБ, 1 МБ — и качество подберётся само. Пакетно, с автоуменьшением, если лимит жёсткий.
ОткрытьКонвертер WebPИз WebP в JPG и PNG или обратно — пакетно, с настройкой качества и ширины. Показывает, сколько веса удалось срезать.
ОткрытьОбрезать фотоКадрирование рамкой мышкой или пальцем: свободно или по соотношению, с поворотом на 90° и сохранением без потерь в PNG.
ОткрытьPNG в JPG и обратноКонвертер картинок между PNG и JPG пачкой. Показывает вес до и после, предупреждает про прозрачность и даёт выбрать цвет подложки.
ОткрытьМетаданные фото: посмотреть и удалитьПоказывает EXIF снимка: камеру, дату, настройки и координаты съёмки с точкой на карте. Кнопка рядом отдаёт ту же картинку без метаданных. Файл не покидает браузер.
ОткрытьЕщё инструменты для SEO и маркетинга
Кластеризатор запросов, генераторы sitemap и robots.txt, минус-слова, разметка Schema.org и калькуляторы — в разделе инструментов.