Бесплатный онлайн-инструмент
Соотношение сторон
Рассчитайте размеры по пропорции, определите формат по разрешению или загрузите изображение либо видео — инструмент покажет соотношение сторон и разрешение. Всё считается в браузере.
Изображение или видео. Файл не загружается на сервер — всё считается в браузере.
Как определить соотношение сторон файла
На вкладке «Узнать по размеру или файлу» перетащите изображение или видео в поле загрузки — браузер прочитает его разрешение и покажет соотношение сторон, точную пропорцию (например, 700×340 → 35:17), ближайший стандартный формат, ориентацию и число мегапикселей. Файл остаётся на вашем устройстве: чтение размеров происходит локально, ничего не отправляется на сервер, поэтому страница работает быстро даже с большими видео.
Если файла под рукой нет — просто введите ширину и высоту вручную, и инструмент так же определит формат. Это удобно, когда нужно понять, к какому соотношению близко нестандартное разрешение баннера, обложки или экрана.
Популярные разрешения
| Формат | Соотношение | Разрешения |
|---|---|---|
| YouTube / Full HD / 4K | 16:9 | 1280×720, 1920×1080, 3840×2160 |
| Сторис / Reels / Shorts | 9:16 | 1080×1920 |
| Пост-квадрат | 1:1 | 1080×1080 |
| Вертикальный пост | 4:5 | 1080×1350 |
| Киноформат | 21:9 | 2560×1080, 3440×1440 |
| Обложка VK | ~2.7:1 | 1920×714 |
| Open Graph превью | 1.91:1 | 1200×630 |
Размеры в rem для вёрстки переводятся в конвертере PX в REM.
Частые вопросы
Что такое соотношение сторон?
Пропорция ширины к высоте: 16:9 значит, что на каждые 16 единиц ширины приходится 9 единиц высоты. Видео 1920×1080 и 1280×720 — одно соотношение 16:9, но разное разрешение.
Как узнать соотношение сторон по размеру (например, 700×340)?
Откройте вкладку «Узнать по размеру или файлу» и введите ширину и высоту — инструмент покажет точное соотношение (для 700×340 это 35:17), десятичное (2.06:1) и ближайший стандартный формат (≈ 2:1). Так можно быстро понять, к какому формату близко ваше изображение или экран.
Как определить соотношение сторон изображения или видео?
На вкладке «Узнать по размеру или файлу» перетащите или выберите файл — картинку или видео. Браузер прочитает его разрешение и покажет соотношение сторон, ориентацию и мегапиксели. Файл никуда не загружается: всё считается локально, поэтому работает быстро и приватно.
Какие соотношения где используются?
16:9 — YouTube и почти всё видео; 9:16 — сторис, Reels и Shorts; 1:1 — посты-квадраты; 4:5 — вертикальные посты Instagram; 21:9 — киноформат; 4:3 — старые мониторы и презентации.
Как посчитать высоту по ширине?
Высота = ширина × (высота пропорции ÷ ширина пропорции). Для 16:9 и ширины 1280: 1280 × 9 ÷ 16 = 720. Калькулятор делает это автоматически в обе стороны.
Как задать пропорцию блока в CSS?
Современный способ — свойство aspect-ratio: 16 / 9 — блок сам держит пропорцию при любой ширине. Работает во всех актуальных браузерах; инструмент выдаёт готовую строку.