МЕД-ARA16:9 · 9:16 · 4:3 · 21:9пресеты соцсетей 2026ревизия 2026-04-24

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

Пересчёт соотношения сторон и разрешений. Пресеты для TikTok, VK, YouTube, Stories. Проверка пропорций при масштабировании.

⏱ ~10 сек · 7+ форматов · пресеты соцсетей · пересчёт разрешений
Отчёт · МЕД-ARA|расчёт: аноним
calcal.ru / sootnoshenie-storon
Загрузка калькулятора…
16:9
Стандарт видео
9:16
Мобильный вертикал
7+
Стандартных форматов
2016
Stories перевернули индустрию

Что такое соотношение сторон

ССоотношение сторон (aspect ratio) — отношение ширины к высоте изображения, экрана или видео. Записывается через двоеточие (16:9) или десятичной дробью (1.78). Определяет форму кадра и используется во всей визуальной индустрии: кино, ТВ, фото, веб, соцсети.

До 2010-х всё видео было горизонтальным (16:9). С появлением Stories (VK 2016, Snapchat 2013) вертикальное 9:16 стало новым стандартом мобильного контента — сегодня занимает 40-50% видеотрафика.

Стандартные форматы

ФорматПрименение
16:9HD/Full HD/4K видео, YouTube, мониторы
9:16TikTok, Reels, Shorts, Stories
4:3Старое ТВ, iPad, презентации
21:9Ultrawide мониторы, кино
1:1VK (пост), аватар
4:5VK (портрет)
3:2Классическая фотография

Формула пересчёта

СОХРАНЕНИЕ ПРОПОРЦИЙ
новая_высота = новая_ширина × (ст. высота / ст. ширина)
ПРИМЕР · 1920×1080 → ширина 1280
новая_высота = 1280 × (1080 / 1920) = 1280 × 0.5625
= 720 px
Соотношение 16:9 стало международным стандартом для вещания HDTV благодаря компромиссу между широкоэкранным кино (21:9) и классическим ТВ (4:3).ITU-R BT.709

Для платформ 2026

TikTok: 9:16, 1080×1920, до 60 сек в ленте. VK Reels: 9:16, 1080×1920, до 90 сек. YouTube Shorts: 9:16, 1080×1920, до 60 сек. VK пост: 1:1 (1080×1080) или 4:5 (1080×1350). Stories (все): 9:16, 1080×1920, 15 сек на сегмент. YouTube классика: 16:9, 1920×1080 (или 4K 3840×2160).

Нюансы

Четыре понятия, которые важно знать при работе с форматами: letterbox/pillarbox, safe area, DPI, соответствие устройствам.

ИСТОЧНИКИ
  1. ITU-R BT.709 HDTV. ITU. Международный союз электросвязи. 2015. ↗ ссылка
  2. YouTube Help: Specifications. Google. support.google.com. 2026. ↗ ссылка
  3. TikTok Specifications. ByteDance. TikTok for Business. 2026.
  4. VK Разработчикам — спецификации медиа. VK. dev.vk.com. 2026.

Смотрите также глоссарий медиа.

РАЗДЕЛ 04 · НЮАНСЫ

Детали форматов

Четыре понятия, которые важно знать при работе с форматами.

01
Формула

Соотношение = ширина / высота (упрощённая дробь через НОД). 1920/1080 = 16/9. Сохранение пропорций требует: ширина/ratio = высота × (1/ratio).

02
Letterbox/Pillarbox

Чёрные полосы по краям при несовпадении форматов. Letterbox — горизонтальные (4:3 в 16:9). Pillarbox — вертикальные (16:9 в 4:3).

03
Safe area

Безопасная зона — 90% кадра, куда точно попадёт контент на любом экране. TV-safe: ещё 80%. Размещайте важное там.

04
Мобильный вертикал

С 2016 г. (появление Stories) вертикальные видео 9:16 стали стандартом для соцсетей. TikTok, YouTube Shorts, VK Reels — все 9:16.

РАЗДЕЛ 05 · ПЛАН ДЕЙСТВИЙ

Как использовать калькулятор

Три шага от ввода до готового видео.

01ВВОД

Размер или соотношение

Введите известные значения: ширина+высота → получите соотношение. Или ширина+соотношение → получите высоту. Или пресет из списка.

02ПЕРЕСЧЁТ

Новое разрешение

Измените одну сторону — другая пересчитается автоматически с сохранением пропорций. Удобно для масштабирования изображений и видео.

03ПРЕСЕТЫ

Для соцсетей

Один клик по пресету: TikTok 9:16 1080×1920, VK Stories 9:16, YouTube 16:9, Reels 9:16. Актуальные 2026 размеры.

ЧАСТЫЕ ВОПРОСЫ

Часто задаваемые вопросы

Широкоэкранный формат. Ширина/высота = 16/9 = 1.78. Стандарт HD (1920×1080), Full HD, 4K, YouTube, современные мониторы и ТВ.
Вертикальный формат для мобильных экранов. TikTok, VK Reels, YouTube Shorts, Stories. Размер 1080×1920 — стандарт с 2016 г.
новая_высота = новая_ширина × (высота/ширина). Для 16:9: высота = ширина × 9/16. Для 1280 ширины: 720 высоты (HD).
Letterbox — чёрные полосы сверху/снизу (когда 16:9 видео на 4:3 экране). Pillarbox — по бокам (4:3 на 16:9). Избегайте — используйте crop или scale.
Классика: 16:9, 1920×1080 или 4K 3840×2160. Shorts: 9:16, 1080×1920. Превью: 1280×720 (16:9). Баннер канала: 2560×1440.
Пост: 1:1 (1080×1080) или 4:5 (1080×1350) — портрет. Stories/Reels: 9:16 (1080×1920). IGTV: 9:16. Для ленты 4:5 максимально заполнит экран.
Безопасная зона — центральные 80-90% кадра, куда точно попадёт контент на любом устройстве. Важное (текст, логотип) размещайте там.
Ultrawide мониторы (3440×1440), игры, кино (Cinemascope). Даёт шире поле зрения. Не поддерживается большинством платформ — только monitors и премиум-кино.
Лиана Арифметова
АВТОРverifiedред. calcal.ru

Лиана Арифметова

Создатель и главный редактор

Миссия: демократизировать сложные расчёты. Превратить страх перед числами в ясность и контроль. Девиз: «Любая повторяющаяся задача заслуживает своего калькулятора».

Mathematical Engineering · МФТИ · редактирует каталог с 2012 года

Был ли этот калькулятор полезен?

ОТКАЗ ОТ ОТВЕТСТВЕННОСТИ

Инструмент справочный — не заменяет эксперта

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

Точность результатов. Калькулятор основан на общепринятых формулах и методиках, однако фактические результаты могут отличаться в зависимости от индивидуальных условий, исходных данных и применяемых стандартов. Мы не гарантируем полноту, точность или актуальность приведённых расчётов.

Профессиональные решения — медицинские, финансовые, инженерные — должны приниматься только после консультации с квалифицированным специалистом. Не используйте автоматический расчёт как единственное основание для важных решений.

Ограничение ответственности. Авторы и разработчики сервиса не несут ответственности за прямой или косвенный ущерб, возникший из-за использования данных расчётов. Пользователь принимает на себя всю ответственность за интерпретацию результатов.

СМЕЖНЫЕ ИНСТРУМЕНТЫ

Похожие калькуляторы

15

Калькулятор DPI и размера печати

Пересчёт пикселей в размер печати при заданном DPI. Форматы A4-A0, фотопечать, полиграфия.

/kalkulyator-dpi-pechat

Генератор Cubic Bezier (CSS transition)

Интерактивный генератор кривых Безье для CSS анимаций. Визуальная настройка плавности переходов, пресеты (ease, linear) и копирование кода.

/cubic-bezier

Калькулятор теории цвета: гармония, конвертер, палитры, смешивание, дальтонизм

Комплексный инструмент для работы с цветом: цветовые гармонии (комплементарная, аналогичная, триадная, тетрадная), конвертер HEX/RGB/HSL/HSV/CMYK, генератор палитр (монохроматическая, shades, tints, tones), смешивание цветов (аддитивное/субтрактивное), симулятор дальтонизма и анализ цветовой температуры.

/color-theory-calculator

Калькулятор градиентов и интерполяции цветов

Генератор плавных переходов между цветами. Создайте CSS градиент онлайн, получите коды цветов (HEX/RGB) и настройте количество шагов.

/color-gradient

Калькулятор контрастности (WCAG), шрифтов и сетки

Инструменты UI/UX дизайнера. Проверка контрастности цветов (WCAG AA/AAA), расчет модульной сетки и подбор типографической шкалы.

/contrast-grid

Калькулятор Responsive Margin/Padding (Clamp generator)

Генератор CSS функции clamp() для адаптивных отступов и шрифтов. Создайте отзывчивый дизайн (fluid spacing) от мобильных до десктопа онлайн.

/responsive-helper

Калькулятор типографики: Type Scale, межстрочный, Fluid Typography

Комплексный типографический калькулятор. Модульная шкала (Type Scale), расчёт межстрочного интервала (line-height), оптимальная длина строки, вертикальный ритм (baseline grid), подбор пар шрифтов и Fluid Typography с CSS clamp().

/typography-calculator

Калькулятор PPI и DPI (плотность пикселей)

Рассчитайте PPI экрана, размер пикселя и физические размеры монитора/телефона. Конвертер пикселей в сантиметры.

/ppi-calculator

Калькулятор UX-метрик: SUS, NPS, HEART, A/B-тест, эвристики Нильсена

Комплексный калькулятор UX-метрик: System Usability Scale (SUS), Net Promoter Score (NPS), HEART framework Google, статистическая значимость A/B-тестов, эвристическая оценка Нильсена (10 эвристик), метрики выполнения задач (Task Success Rate, Efficiency).

/ux-metrics-calculator

Калькулятор CSS единиц (PX, REM, EM, %)

Конвертер пикселей в rem/em и генератор calc(). Удобный инструмент для верстки и адаптивного дизайна.

/css-unit-converter

Калькулятор соотношения сторон (Aspect Ratio)

Калькулятор пропорций (16:9, 4:3), ресайз изображений и расчет битрейта видео. Удобный инструмент для дизайнеров.

/aspect-ratio-calculator

Калькулятор пропорций золотого сечения

Расчёт пропорций по золотому сечению (φ = 1.618). Визуализация золотого прямоугольника и спирали Фибоначчи.

/zolotoe-sechenie

Конвертер типографских единиц

Конвертация между пунктами, мм, пикселями, em/rem. Типографская шкала, пика, цицеро, дюймы.

/konverter-tipografskih-edinic

Конвертер цветовых пространств

Конвертация цветов между CMYK, RGB, HEX, HSL, HSV с визуальным предпросмотром. Цветовые гармонии и контрастность WCAG.

/konverter-cvetov-cmyk-rgb-hex

Генератор цветовых палитр

Подбор гармоничных цветовых сочетаний: комплементарные, аналогичные, триадные. Экспорт в CSS, Tailwind, SCSS.

/generator-cvetovyh-palitr