Соотношение сторон: калькулятор и таблица разрешений
Соотношение сторон — это отношение ширины к высоте, сокращённое до наименьших целых чисел. Разрешение 1920×1080 — это 16:9: и 1920, и 1080 делятся на 120, а 1920 ÷ 120 = 16 и 1080 ÷ 120 = 9.
Соотношение: Ш : В = (Ш ÷ НОД) : (В ÷ НОД). Масштабирование без искажений: новая высота = новая ширина × В ÷ Ш.
1280×1024 — 5:4 · 1440×900 — 16:10 · 1366×768 — почти 16:9 · 2560×1080 — 21:9 · полная таблица разрешений ↓
Исходные размеры
Соотношение сторон
—
Масштабирование
Введите новую ширину → получите высоту
Введите новую высоту → получите ширину
Калькулятор показывает соотношение сторон для любой пары «ширина × высота» и пересчитывает размеры при масштабировании: введите новую ширину — получите высоту, введите высоту — получите ширину. Ниже — таблица соотношений для двух десятков популярных разрешений, ряды размеров 16:9, 4:3, 16:10, 3:2 и 5:4 в пикселях и готовые размеры под видео, соцсети и печать.
Соотношение сторон популярных разрешений
В колонке «точное» — соотношение, сокращённое до конца, ровно как его считает калькулятор. В колонке «как называют» — привычное название, которое пишут в характеристиках. Они совпадают не всегда: 1920×1200 математически даёт 8:5, а продаётся как 16:10.
| Разрешение | Точное | Как называют | Где встречается |
|---|---|---|---|
| 640×480 | 4:3 | VGA | SD-видео, старые мониторы |
| 800×600 | 4:3 | SVGA | проекторы, скриншоты |
| 1024×768 | 4:3 | XGA | проекторы, «классические» слайды |
| 1280×720 | 16:9 | HD, 720p | веб-видео, стримы, превью |
| 1280×800 | 8:5 | 16:10, WXGA | ноутбуки |
| 1280×1024 | 5:4 | SXGA | офисные ЖК-мониторы 2000-х |
| 1366×768 | 683:384 | почти 16:9, HD | самые массовые бюджетные ноутбуки |
| 1440×900 | 8:5 | 16:10, WXGA+ | ноутбуки и мониторы |
| 1600×900 | 16:9 | HD+ | бюджетные мониторы |
| 1920×1080 | 16:9 | Full HD, 1080p | мониторы, телевизоры, YouTube |
| 1920×1200 | 8:5 | 16:10, WUXGA | рабочие мониторы |
| 2048×858 | 1024:429 | 2,39:1, DCI Scope | широкоэкранное кино |
| 2560×1080 | 64:27 | 21:9, UltraWide FHD | ультраширокие мониторы |
| 2560×1440 | 16:9 | QHD, 1440p | игровые мониторы |
| 2560×1600 | 8:5 | 16:10, WQXGA | ноутбуки с высоким DPI |
| 3440×1440 | 43:18 | 21:9, UltraWide QHD | ультраширокие мониторы |
| 3840×1080 | 32:9 | Super UltraWide | сверхширокие мониторы |
| 3840×2160 | 16:9 | 4K UHD, 2160p | телевизоры и мониторы 4K |
| 4096×2160 | 256:135 | DCI 4K, почти 17:9 | кинопроизводство |
| 5120×1440 | 32:9 | Super UltraWide QHD | сверхширокие мониторы |
| 7680×4320 | 16:9 | 8K UHD | телевизоры 8K |
| 1080×1920 | 9:16 | вертикальное Full HD | Shorts, Reels, TikTok |
| 1080×1350 | 4:5 | вертикальный пост | лента соцсетей |
| 1080×1080 | 1:1 | квадрат | аватарки, квадратные посты |
Сколько это в пикселях
Готовые ряды размеров: выберите ширину в первой колонке и возьмите высоту под нужным соотношением. Значения округлены до целого пикселя.
| Ширина | 16:9 | 16:10 | 3:2 | 4:3 | 5:4 |
|---|---|---|---|---|---|
| 640 | 360 | 400 | 427 | 480 | 512 |
| 800 | 450 | 500 | 533 | 600 | 640 |
| 1024 | 576 | 640 | 683 | 768 | 819 |
| 1280 | 720 | 800 | 853 | 960 | 1024 |
| 1600 | 900 | 1000 | 1067 | 1200 | 1280 |
| 1920 | 1080 | 1200 | 1280 | 1440 | 1536 |
| 2560 | 1440 | 1600 | 1707 | 1920 | 2048 |
| 3840 | 2160 | 2400 | 2560 | 2880 | 3072 |
Размеры под видео, соцсети и печать
| Где | Соотношение | Размер в пикселях |
|---|---|---|
| Горизонтальное видео на YouTube | 16:9 | 1920×1080 |
| Обложка (превью) видео | 16:9 | 1280×720 |
| Сторис, Shorts, Reels, TikTok | 9:16 | 1080×1920 |
| Квадратный пост | 1:1 | 1080×1080 |
| Вертикальный пост в ленте | 4:5 | 1080×1350 |
| Слайд презентации, широкий | 16:9 | 1920×1080 |
| Слайд презентации, классический | 4:3 | 1024×768 |
| Кадр зеркальной или беззеркальной камеры | 3:2 | 6000×4000 |
| Кадр камеры смартфона | 4:3 | 4032×3024 |
| Печать 10×15 см при 300 dpi | 2:3 | 1181×1772 |
| Широкоэкранное кино | 2,39:1 | 2048×858 |
Как посчитать соотношение сторон вручную
Нужен наибольший общий делитель ширины и высоты. Быстрее всего его находит алгоритм Евклида: делите большее число на меньшее и берите остаток, пока остаток не станет нулём.
Для 1600 и 900: 1600 mod 900 = 700, 900 mod 700 = 200, 700 mod 200 = 100, 200 mod 100 = 0 — НОД равен 100. Делим: 1600 ÷ 100 = 16, 900 ÷ 100 = 9. Получаем 16:9.
Для 1366 и 768 тот же счёт даёт НОД 2 и соотношение 683:384. Красивого имени у него нет, потому что 683 — простое число: сократить дальше не получится. Как десятичная дробь это 1,779 — почти неотличимо от 1,778 у 16:9, поэтому такие ноутбуки считают широкоформатными.
Если формат не совпадает: обрезка, поля, растяжение
Масштабирование меняет размер, но не форму кадра. Чтобы из 4:3 получить 16:9, придётся что-то выбрать: обрезать сверху и снизу, добавить чёрные поля по бокам (пилларбокс) или растянуть картинку — последнее заметно сразу, лица становятся шире.
Практический порядок: посчитайте целевые размеры здесь, вырежьте нужную область в обрезке изображений, затем доведите до точных пикселей в изменении размера. Соотношение сторон собственного монитора покажет проверка разрешения экрана.
Как это работает
- 1 Введите исходные размеры Укажите ширину и высоту изображения, видео, экрана или контейнера. Кнопки-пресеты заполняют типовые значения для 16:9, 16:10, 4:3, 5:4, 3:2, 1:1, 4:5, 9:16 и 21:9.
- 2 Посмотрите соотношение сторон Соотношение появляется мгновенно и всегда сокращается до наименьших целых чисел: 1920×1080 даёт 16:9, 1280×1024 — 5:4, а 1440×900 — 8:5, то есть то же самое, что 16:10.
- 3 Масштабируйте до нужных размеров Введите новую ширину, чтобы узнать правильную высоту, или новую высоту — и получите ширину. Пропорции сохраняются, изображение не растянется и не сплющится.
Ваши данные защищены
Всё обрабатывается прямо в вашем браузере. Никакие файлы или текст не отправляются на наши серверы. Отключите интернет — инструмент продолжит работать.
Часто задаваемые вопросы
- Какое соотношение сторон у 1920×1080?
- 16:9. Наибольший общий делитель 1920 и 1080 — 120: 1920 ÷ 120 = 16, 1080 ÷ 120 = 9. Ровно то же соотношение у 1280×720, 1600×900, 2560×1440, 3840×2160 и 7680×4320 — это одно семейство разрешений, отличается только их размер.
- Что такое соотношение сторон простыми словами?
- Это пропорция ширины к высоте прямоугольника, записанная как Ш:В и сокращённая до наименьших целых чисел. Запись 16:9 означает, что на каждые 16 единиц ширины приходится 9 единиц высоты. Соотношение ничего не говорит о размере: у экрана 5 дюймов и у кинозала может быть одно и то же 16:9.
- Почему калькулятор показывает 8:5, а не 16:10?
- Потому что он всегда сокращает дробь до конца, а 16:10 сокращается на 2 и превращается в 8:5. Это одно и то же соотношение: 16 ÷ 10 = 1,6 и 8 ÷ 5 = 1,6. «16:10» — маркетинговая запись, её оставили, чтобы формат было удобно сравнивать с 16:9.
- Какое соотношение сторон у 1366×768?
- Точно — 683:384, потому что 1366 = 2 × 683, а 683 — простое число. На практике этот формат называют 16:9, хотя он немного шире: 683 ÷ 384 = 1,779 против 1,778 у настоящего 16:9. Разница меньше одного пикселя на кадр, поэтому видео 16:9 показывается на таких ноутбуках без полей.
- Чем 16:10 отличается от 16:9?
- При одинаковой ширине экран 16:10 выше примерно на 11%: у 1920 пикселей ширины высота будет 1200 вместо 1080. Лишняя вертикаль удобна для текста, кода и таблиц, поэтому 16:10 держится в ноутбуках и рабочих мониторах. Видео при этом снимают в 16:9, так что сверху и снизу появятся тонкие чёрные полосы.
- Что такое 5:4 и где оно встречается?
- 5:4 — почти квадратный формат разрешения 1280×1024. Это стандарт офисных ЖК-мониторов начала 2000-х, сегодня он встречается в промышленных панелях и на старых рабочих местах. Изображение 16:9 на таком экране либо обрезается по бокам, либо получает широкие поля сверху и снизу.
- Сколько это в пикселях — 16:9?
- Разделите ширину на 16 и умножьте на 9. Для 1920 получится 1080, для 1280 — 720, для 1600 — 900, для 1024 — 576, для 640 — 360. Обратно: высоту делите на 9 и умножаете на 16. Ряды размеров для 16:9, 16:10, 3:2, 4:3 и 5:4 собраны в таблице выше.
- Как узнать соотношение сторон своего экрана?
- Проще всего открыть страницу «Какое у меня разрешение экрана» — она показывает разрешение, соотношение сторон и device pixel ratio прямо в браузере. Второй способ — посмотреть разрешение в параметрах системы и подставить его в этот калькулятор.
- Почему важно сохранять пропорции при изменении размера?
- Если менять ширину и высоту независимо, изображение растянется или сплющится: лица становятся шире, круги превращаются в овалы, текст на картинке искажается. Пропорциональное масштабирование сохраняет исходный вид при любом размере.
- Как калькулятор вычисляет новые размеры?
- Новая высота = (новая ширина × исходная высота) ÷ исходная ширина. Новая ширина = (новая высота × исходная ширина) ÷ исходная высота. Результат округляется до ближайшего целого пикселя — дробных пикселей в растровом изображении не бывает.
- Что делать, если исходный формат не совпадает с нужным?
- Масштабирования уже не хватит — нужно менять композицию кадра. Есть три варианта: обрезать лишнее по длинной стороне, добавить поля (леттербокс или пилларбокс) или растянуть, что почти всегда выглядит плохо. Калькулятор подскажет целевые размеры, а сама обрезка делается в инструменте обрезки изображений.