Профессиональный калькулятор соотношения сторон
Введите разрешение для авторасчёта соотношения, или обратный расчёт размеров. Визуальное сравнение форм.
Умное определение
Введите разрешение (напр., 2560×1440) и инструмент сократит до простейшего соотношения (16:9) с классификацией.
Калькулятор размеров
Зафиксируйте соотношение, введите ширину или высоту, авторасчёт другого размера. Для кадрирования, холста и экспорта видео.
Визуальное сравнение
Наложение прямоугольников разных соотношений для интуитивного ощущения разницы 16:9, 4:3, 21:9, 1:1.
Что такое соотношение сторон?
Понимание соотношения для экранов, изображений и видео.
Экранное
Физическая пропорция экрана. 16:9 самый распространённый — почти все ноутбуки, мониторы и ТВ. 21:9 и 32:9 — сверхширокие.
Пиксельное
Соотношение пикселей по горизонтали и вертикали. 1920×1080 = 16:9, но 1920×1200 = 16:10. Обычно совпадает с экранным, но старые CRT могут отличаться.
Контентное
Соотношение изображений, видео и дизайн-файлов. Кино: 2.35:1 (CinemaScope) или 1.85:1; соцсети: 1:1 (Instagram), 9:16 (короткое видео), 4:5 (Facebook).
Как использовать калькулятор
Три режима для разных сценариев.
Разрешение → соотношение
Введите разрешение (напр., 3440×1440) и инструмент рассчитает соотношение (43:18 ≈ 21:9) с классификацией.
Соотношение → размеры
Выберите соотношение (напр., 16:9), введите ширину или высоту, авторасчёт другой. Для кадрирования, холста и экспорта.
Визуальное сравнение
Наложение прямоугольников в превью для интуитивного сравнения форм. Кликните популярные для быстрого переключения.
Популярные соотношения
16:9 (1.78:1)
Самое универсальное. Full HD (1920×1080), QHD (2560×1440) и 4K (3840×2160) — все 16:9. Стандарт YouTube, Netflix и ТВ-вещания.
16:10 (1.6:1)
Бывший мейнстрим — 1920×1200, 2560×1600. ~11% больше вертикали чем 16:9. Отлично для документов и кода. Возвращается в премиум-ноутбуках (MacBook, ThinkPad X1).
21:9 (2.33:1)
Стандарт сверхшироких мониторов — 3440×1440 или 2560×1080. Близко к киноформату для просмотра без полос. Эффективно для мультизадачности.
4:3 (1.33:1)
Классика CRT (1024×768, 1600×1200). Сейчас в iPad и некоторых проекторах. Более квадратный — не для широкоэкранного контента.
Рекомендации по платформам
Лучшие практики для разных платформ.
Соцсети
Рекомендации:
• Instagram/TikTok Stories/Reels: 9:16 (1080×1920)
• Twitter/X: 16:9 (1200×675)
• Facebook обложка: 2.63:1 (1640×624)
Видеопроизводство
Распространённые:
• Киноширокоэкранное: 2.39:1 (CinemaScope)
• Вертикальное: 9:16 (1080×1920)
• IMAX: 1.43:1 или 1.9:1
Дизайн и печать
Стандартные:
• US Letter: 1.294:1 (8.5×11")
• Визитка: 1.75:1 (3.5×2")
• Презентации: 16:9 или 4:3
Дисплеи
Мейнстрим:
• Премиум-ноутбуки (MacBook/ThinkPad): 16:10 или 3:2
• Сверхширокие: 21:9 (3440×1440)
• Суперширокие: 32:9 (5120×1440) = два 16:9
Практические советы
Кадрирование
Обрезка 16:9 в 9:16 теряет ~68% кадра. Планируйте безопасные зоны или используйте "cобрезка + размытый фон".
Пропорциональное масштабирование
Зафиксируйте пропорции при масштабировании. Photoshop: Shift при перетаскивании. CSS: object-fit: contain/cover.
Адаптивность
CSS aspect-ratio объявляет соотношение элемента (напр., aspect-ratio: 16/9) — браузер авторассчитывает высоту.
Чёрные полосы
При несовпадении соотношения появляются полосы (letterbox/pillarbox). 16:9 экран + 21:9 фильм = полосы сверху/снизу; 4:3 контент = по бокам.
Часто задаваемые вопросы
Q.16:9 и 1920×1080 — как связаны?
1920÷1080=1.778=16÷9. То есть 1920×1080 = 16:9. Аналогично 2560×1440, 3840×2160 — разные разрешения, одно соотношение.
Q.Точное соотношение 3440×1440?
3440÷1440≈2.389, ближе всего 21:9 (2.333). Строго 3440:1440 = 43:18, но индустрия называет 21:9 ultrawide.
Q.Почему странные соотношения?
Напр., 1366×768 = 683:384 — не красивое соотношение. Производители панелей выбирали удобные числа вместо строгого 16:9. На практике выглядит очень близко.
Q.CSS aspect-ratio совместимость?
Все современные браузеры (Chrome 88+, Firefox 89+, Safari 15+). Укажите ширину или высоту и браузер авторассчитает другое — идеально для адаптивных контейнеров.
Q.DAR и SAR в видео?
DAR (отображаемое) — финальное соотношение; SAR (семплинг) — пиксельное. При SAR≠1:1 (некоторые DV) 720×480 может отображаться как 16:9.
Q.Преимущество 3:2?
3:2 (1.5:1) — ~18% больше вертикали чем 16:9, современнее 4:3. Surface и Chromebook используют это — отлично для чтения и планшетного режима.
Советы по выбору
- • Видео: Горизонтальное: 16:9; вертикальное: 9:16. Проверьте рекомендации платформы перед экспортом.
- • Дизайн: Для множества размеров сначала 1:1, затем расширяйте до 16:9 и 9:16.
- • Монитор: Офис/код: 16:10 или 3:2; кино/игры: 16:9 или 21:9. Если не уверены — 16:9 самый универсальный.
- • Фронтенд: CSS aspect-ratio + object-fit элегантно решает контейнеры изображений любого соотношения.