Калькулятор соотношения сторон: масштабируйте без искажений
Как находить эквивалентные размеры при изменении масштаба изображений, видео и элементов интерфейса — с примерами для 16:9, 4:3 и других форматов.
Изменить размер изображения кажется несложной задачей — до тех пор, пока что-то не пойдёт не так. Есть баннер 1920×1080, и его нужно вписать в колонку шириной 400 пикселей. Просто разделить на два? Не совсем: без правильных расчётов результат окажется растянутым, сплющенным или обрезанным не там.
Для этого и нужен Калькулятор соотношения сторон. Вводите исходные размеры, видите упрощённое соотношение, затем вводите один из новых размеров — и сразу получаете второй.
Что такое соотношение сторон
Соотношение сторон — пропорция ширины к высоте любого прямоугольника, сокращённая до наименьших целых чисел. 1920×1080 сводится к 16:9. 2560×1440 тоже 16:9 — то же соотношение, другое разрешение. 800×600 — 4:3.
Для сокращения используется наибольший общий делитель. Для 1920 и 1080 это 120: делим оба числа на 120 и получаем 16:9.
Не каждая пара чисел даёт именованное соотношение. 1366×768 — распространённый стандарт бюджетных ноутбуков — сокращается до 683:384. Маркетологи такое не используют, но для масштабирования это рабочее соотношение.
Распространённые форматы
16:9 встречается повсюду: HD- и 4K-мониторы, YouTube, Vimeo, большинство Smart TV, слайды в PowerPoint. Если делаете превью видео или широкий баннер — скорее всего, именно этот формат.
4:3 — старый стандарт телевидения. Многие программы для презентаций по умолчанию используют его в «классическом» режиме. Часть фотоаппаратов тоже снимает в 4:3.
1:1 — квадрат для постов в Instagram, аватарок и некоторых форматов печати.
9:16 — вертикальный формат для TikTok, Instagram Reels, Stories и YouTube Shorts. При кадрировании горизонтального видео легко забыть, что пропорции в портретном режиме работают совсем иначе.
21:9 — соотношение ультрашироких мониторов, популярных в геймерских и монтажных сетапах. Ряд кинематографических форматов близок к этому значению.
Как пользоваться калькулятором
Введите 1920 в поле ширины и 1080 в поле высоты — соотношение сразу показывает 16:9. Нужна версия шириной 800 пикселей? Введите 800 в поле «новая ширина» — получите 450. Правильно. Введите 1280 — получите 720. Оба результата — корректные размеры 16:9.
То же работает в обратную сторону. Введите 400 в поле новой высоты: для источника 16:9 ширина окажется 711. Округление до ближайшего целого пикселя достаточно точно для любых практических задач.
Формула
Новая высота = (новая ширина × исходная высота) ÷ исходная ширина.
Новая ширина = (новая высота × исходная ширина) ÷ исходная высота.
Всё. Калькулятор соотношения сторон считает прямо в браузере — данные никуда не передаются.
Что калькулятор не делает
Кадрирование — отдельная задача. Если есть изображение 4:3 и нужен результат 16:9, одного масштабирования не хватит: придётся добавить чёрные полосы, обрезать по бокам или растянуть. Всё три варианта могут быть уместны в зависимости от контекста. Калькулятор показывает целевые размеры; что делать с лишними пикселями — решаете вы в редакторе.
Введите исходные размеры в Калькулятор соотношения сторон и получите масштабированные размеры сразу.