Изображения / Размеры

Калькулятор пропорций

Задайте исходную ширину и высоту, затем измените одну сторону. Калькулятор сохранит пропорции, вычислит второй размер и подготовит CSS-свойство aspect-ratio.

Начать расчёт Все инструменты

Мгновенный расчётШирина ↔ высотаБез загрузки файлов

Для расчётов нужен JavaScript. Если калькулятор не загрузился, обновите страницу. Ниже показан пример; поля станут доступны после загрузки.

Рабочая область

Рассчитайте новый размер

Исходные размеры задают постоянное соотношение сторон. Меняйте ширину или высоту результата — связанная сторона пересчитывается автоматически.

image.ratio.calculatorРаботает в браузере

Исходные данные

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

Ширина, px

Высота, px

Что задаём для нового размера

ШиринуВысоту

Новая ширина, px

Высота будет рассчитана автоматически.

Округление

Форма результата

Превью сохраняет вычисленное соотношение сторон независимо от реального размера экрана.

16:91280 × 720 px

Практические сценарии

Где пригодится калькулятор

Одинаковая пропорция помогает избежать растяжения изображений и неожиданных сдвигов макета.

16:9

Видео и обложки

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

4:5

Портретные изображения

Рассчитайте размеры вертикальной графики для карточек, публикаций и адаптивных вариантов.

CSS

Стабильный макет

Используйте готовое aspect-ratio, чтобы браузер заранее зарезервировал место под медиа.

По теме

CSS