Калькулятор соотношения сторон
Рассчитывайте соотношения сторон, пропорционально изменяйте размеры и получайте значения CSS aspect-ratio
16:9
1.7778
Распространённые соотношения
Пропорциональное изменение размера
aspect-ratio: 16 / 9;Калькулятор соотношения сторон
Рассчитывайте соотношения сторон, пропорционально изменяйте размеры и получайте значения CSS aspect-ratio
Возможности
- Рассчитайте соотношение сторон по любой ширине и высоте
- Пропорциональное изменение размера — введите новую ширину или высоту, чтобы автоматически рассчитать другую
- Предустановки распространённых соотношений (16:9, 4:3, 1:1, 21:9 и др.)
- Визуальный предпросмотр соотношения сторон
- Вывод значения свойства CSS aspect-ratio
- Поменяйте размеры местами одним щелчком
- Обработка на 100 % на стороне клиента
Как использовать
- Введите ширину и высоту, чтобы рассчитать соотношение сторон.
- Или нажмите кнопку предустановленного соотношения.
- Используйте раздел «Пропорциональное изменение размера», чтобы найти новые размеры.
- Скопируйте значение CSS aspect-ratio для своих таблиц стилей.
Советы и лучшие практики
- Используйте 16:9 для стандартного видео и презентаций.
- Используйте 1:1 для аватаров в соцсетях и постов в Instagram.
- Свойство CSS aspect-ratio поддерживается во всех современных браузерах.
Вопросы и ответы
Что такое соотношение сторон?
Соотношение сторон — это пропорциональное отношение между шириной и высотой. Например, 16:9 означает, что на каждые 16 единиц ширины приходится 9 единиц высоты.
Какое соотношение сторон лучше для видео?
16:9 — стандарт для HD-видео и большинства экранов. 21:9 используется для сверхширокого/кинематографического контента. 9:16 — стандарт для вертикального/мобильного видео.
Как работает пропорциональное изменение размера?
Введите новую ширину или новую высоту, и калькулятор рассчитает другое измерение, чтобы сохранить то же соотношение сторон — без растяжения и искажений.