📐 Один набор инструментов для
любой задачи проектирования

Калькулятор соотношения сторон

Рассчитывайте и масштабируйте любое соотношение сторон — 16:9, 4:3, 1:1, 9:16 и произвольное. Изменяйте размеры с сохранением пропорций, с пресетами популярных разрешений.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

📐 Калькулятор соотношения сторон

Руководство по соотношению сторон

Соотношение сторон описывает пропорциональное соотношение между шириной и высотой. Записывается двумя числами, разделенными двоеточием — 16:9 означает, что ширина составляет 16 единиц на каждые 9 единиц высоты. Правильное соотношение предотвращает растягивание изображений и поломку макетов.

Введите ширину и высоту или выберите предустановку. Если включена блокировка соотношения, изменение одного размера автоматически масштабирует другой, чтобы сохранить пропорции. Предварительный просмотр отображает соотношение масштаба, а стандартные разрешения дают вам мгновенную отправную точку для видео, Интернета и печати.

Pro Tips

Frequently Asked Questions

Q: Какие соотношения сторон наиболее распространены?
Какие соотношения сторон наиболее распространены? 16:9 для видео и экранов, 4:3 для старых телевизоров и презентаций, 1:1 для публикаций в социальных сетях, 9:16 для вертикального видео и 3:2 для фотографий.
Q: Как рассчитать соотношение сторон по размерам?
Как рассчитать соотношение сторон по размерам? Разделите оба числа на их наибольший общий делитель. Для разрешения 1920x1080 оба значения делятся на 120, что дает 16:9.
Q: Какое соотношение сторон мне следует использовать для YouTube?
Какое соотношение сторон мне следует использовать для YouTube? 16:9 — стандарт. Для вертикальных видео в стиле Shorts и TikTok используйте 9:16.
Q: Могу ли я использовать соотношение сторон в CSS?
Могу ли я использовать соотношение сторон в CSS? Да, свойство пропорций поддерживается во всех современных браузерах с 2021 года. Оно заменяет старый хак с отступами.
Q: Почему мои изображения выглядят растянутыми?
Почему мои изображения выглядят растянутыми? Размер контейнера не соответствует соотношению изображения. Либо обрежьте изображение до пропорций контейнера, либо используйте object-fit: Cover для заполнения без искажений.

Русские традиционные цвета

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

Алый #FF2400

Алый цвет знамён, сарафанов и праздничной символики

Васильковый #6495ED

Цвет полевых васильков — символ русских лугов

Золото Хохломы #D4AF37

Золотой орнамент хохломской росписи

Гжель Синий #005A9C

Кобальтовая синева гжельской керамики

Изумрудный #50C878

Цвет уральских самоцветов и малахита

Бордовый #800020

Тёмно-красный цвет театральных занавесов

Янтарный #FFBF00

Балтийский янтарь — золото Калининграда

Сиреневый #C8A2C8

Нежная сирень майских садов

Охристый #CC7722

Цвет иконописи и древних фресок

Снежно-белый #F8F8FF

Белый снег русских зим

Q: Что такое гжель?
Что такое гжель? Гжель (#005A9C) — традиционная русская керамика с синей кобальтовой росписью на белом фоне, производимая в Подмосковье с XVIII века и ставшая символом русского народного искусства.
Q: Что такое хохлома?
Что такое хохлома? Хохлома — традиционная деревянная роспись с золотым орнаментом (#D4AF37) на чёрном или красном фоне, создаваемая в Нижегородской области с XVII века.