Що таке співвідношення сторін? Пояснення всіх поширених пропорцій

Співвідношення сторін — це пропорція між шириною зображення та його висотою, записана як два числа, розділені двокрапкою, наприклад 16:9, що означає «16 одиниць у ширину на кожні 9 одиниць у висоту». Воно нічого не говорить про розмір: екран телефона й гігантський стадіонний джумботрон можуть мати однакове співвідношення сторін. Це чиста форма. І ця форма непомітно вирішує більше, ніж майже будь-яка інша характеристика — чи заповнить фільм ваш екран, чи плаватиме між чорними смугами, чи покаже гра більше світу, чи менше, чи вміщуються два документи поруч.

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

Усі поширені співвідношення сторін з одного погляду

Співвідношення	Десятковий	Де ви його побачите	Приклади роздільних здатностей
1:1	1.00	Квадрат — класичні дописи в Instagram, обкладинки альбомів, аватарки	1080×1080
4:3	1.33	Старі телевізори й монітори, iPad, ретро-ігри	1024×768, 1600×1200, 2048×1536
3:2	1.50	35-мм фотографія, Microsoft Surface, багато ноутбуків	3000×2000, 2160×1440
16:10	1.60	MacBook, ноутбуки для продуктивності	1920×1200, 2560×1600
16:9	1.78	Стандарт HD: телевізори, монітори, YouTube, консолі	1280×720, 1920×1080, 2560×1440, 3840×2160
18:9 (2:1)	2.00	Ранні високі екрани телефонів, деякі серіали Netflix	2160×1080, 2880×1440
19.5:9	2.17	Сучасні iPhone і більшість флагманів Android	2436×1125, 2556×1179
21:9	~2.37	Ультраширокі монітори	2560×1080, 3440×1440, 5120×2160
32:9	3.56	Супер ультраширокі монітори	3840×1080, 5120×1440
1.85:1	1.85	«Плоске» кіно — комедії, драми, більшість фільмів A24	1998×1080 (кіно DCP)
2.39:1	2.39	«Широкоформатне» кіно — блокбастери, епіки	2048×858 (кіно DCP)
9:16	0.56	Вертикальне відео: TikTok, Reels, YouTube Shorts	1080×1920

З цієї таблиці одразу впадає в очі кілька речей. Кінематографічні співвідношення традиційно записують відносно 1 (1.85:1, 2.39:1), тоді як екранні використовують цілі числа (16:9) — та сама ідея, різна нотація. 9:16 — це просто 16:9, повернуте набік. А «21:9» — це невелика брехня: справжні ультраширокі панелі мають 64:27 або 43:18, трохи ширші — пояснення 21:9 розкриває це маркетингове округлення.

Швидкі відповіді

Яке співвідношення сторін у 1920×1080? 16:9. Так само як і в 1280×720, 2560×1440 та 3840×2160 (4K) — та сама форма, більше пікселів.

Яке співвідношення сторін у 3440×1440? Точно 43:18, що виходить приблизно 21.5:9 — продається й позначається як 21:9. Це стандартна роздільна здатність 34-дюймових ультрашироких моніторів, і її форма 2.39:1 майже ідеально відповідає широкоформатному кіно.

Яке співвідношення сторін у мого телефона? Майже напевно між 19.5:9 і 20:9 — високий і вузький у руці, дуже широкий у горизонтальному положенні.

Як обчислити співвідношення сторін

Поділіть ширину на висоту — і ви отримаєте десяткову форму: 1920 ÷ 1080 = 1.78, тож будь-яка роздільна здатність, що ділиться до 1.78, є 16:9.

Щоб отримати чисту форму з двох чисел, поділіть обидві сторони на їхній найбільший спільний дільник (НСД) — найбільше число, що рівно входить в обидва. Розберемо приклад з 1920×1080:

1. Знайдіть НСД чисел 1920 і 1080. За методом Евкліда: 1920 ÷ 1080 дає залишок 840; 1080 ÷ 840 дає залишок 240; 840 ÷ 240 дає залишок 120; 240 ÷ 120 дає залишок 0. НСД дорівнює 120.
2. Поділіть обидва числа на нього: 1920 ÷ 120 = 16, а 1080 ÷ 120 = 9.
3. Результат: 1920×1080 — це 16:9.

Спробуйте на 3440×1440: НСД дорівнює 160, що дає 21.5:9 — тобто 43:18. Ось чому маркетинг округлює це до 21:9; «43:18» не вміщується на коробці. Ледачий короткий шлях теж працює: будь-який калькулятор, ширина ÷ висота, а потім порівняйте десяткове число з таблицею вище.

Екрани проти кіно проти телефонів проти соцмереж: чому так багато співвідношень?

Кожен світ зійшовся на формі, що відповідає тому, як вона насправді використовується.

Комп'ютерні екрани й телевізори осіли на 16:9 у 2000-х як компроміс, що прийнятно справляється з ефірним телебаченням, DVD і роботою за столом. Це стандарт за замовчуванням не просто так: майже все веб-відео виробляється саме для нього, а весь плеєр YouTube побудований навколо нього. Монітори зберегли кількох дисидентів — 16:10 виживає на ноутбуках, бо ця додаткова смужка висоти вміщує більше коду й рядків таблиць, а 3:2 повернулося на пристрої Surface з тієї ж причини, доведеної до крайнощів.

Кіно пішло вшир навмисно. Коли в 1950-х телебачення почало загрожувати кінотеатрам, Голлівуд відповів широкоформатними форматами, яких телебачення не могло повторити — CinemaScope і його нащадками. Сьогодні залишаються два стандарти: 1.85:1 «плоский» і 2.39:1 «широкоформатний». Режисери обирають широкоформатний для видовищності — пейзажів, кадрів на двох, масштабу. Це також походження ультраширокого монітора: панель 21:9 — це форма широкоформатного кіно на столі.

Телефони виросли вгору. Телефони роками були 16:9; потім рамки зменшилися, а екрани витягнулися до 18:9, 19.5:9, 20:9. У руці це не «широко», а високо — краще для гортання стрічок і ближче до форми вашого хвата. Поверніть його — і ви тримаєте маленький екран широкоформатного кіно.

Соціальне відео стало вертикальним. TikTok, Reels і Shorts стандартизували 9:16, бо телефони тримають вертикально, а повноекранне відео виграє увагу. Це перший масовий відеоформат в історії, розроблений так, щоб бути вищим, ніж ширшим.

Фотографія тримається на 3:2 і 4:3 — спадщина 35-мм плівки й середньоформатних сенсорів відповідно. А квадрат 1:1? Кроп, що ухиляється від усього питання, і саме тому ранній Instagram його використовував: кожне фото, портретне чи пейзажне, вміщувалося в одну сітку.

Що відбувається, коли співвідношення не збігаються

Проблеми починаються, коли контент однієї форми зустрічається з екраном іншої — що, зважаючи на таблицю вище, трапляється майже завжди. У плеєра чи телевізора є три варіанти, а показує він вам лише один:

• Леттербокс — контент ширший за екран, тож він зменшується, щоб вміститися по ширині, залишаючи горизонтальні чорні смуги зверху й знизу. Фільм 2.39:1 на телевізорі 16:9 втрачає близько чверті екрана на смуги.
• Піллярбокс — контент вужчий за екран, тож вертикальні смуги обрамляють його з боків. Відео 16:9 на YouTube на ультраширокому 21:9 або класика 4:3 на сучасному телевізорі.
• Віндовбокс — обидва одночасно: смуги з усіх чотирьох боків. Трапляється, коли леттербокс вбудований у відеофайл (широкоформатний фільм усередині потоку 16:9), а екран потім піллярбоксить цей файл. Поширене — і дратівливе — на ультрашироких моніторах.

Альтернативи — це кропування (заповнити екран, втратити краї) і розтягування (заповнити екран, спотворити зображення). Жоден варіант не безкоштовний; смуги просто виявляються стандартом, бо це єдиний варіант, що показує повний кадр без спотворень. Повна історія про те, хто що обирає — і коли смуги справді можна прибрати — у статті чому у фільмах чорні смуги.

На ультрашироких моніторах невідповідність — щоденна подія, оскільки майже все веб-відео постачається в 16:9. Для цього конкретного випадку є чисте рішення: безкоштовне розширення UltraWide Video для Chrome і Edge масштабує або розтягує будь-яке веб-відео до точного співвідношення вашої панелі, з пресетами від 16:9 до 32:9.

Чи можна змінити співвідношення сторін?

Певною мірою — але кожен метод має свою ціну, і корисно знати, яку саме ви платите:

• Кропування обрізає зображення до нової форми. Відео 16:9, обрізане до 21:9, втрачає смужку зверху й знизу. Коли кроп прибирає лише вбудовані чорні смуги — це безкоштовно; коли він прибирає зображення — хтось на краю кадру зникає.
• Розтягування спотворює зображення, щоб воно вмістилося — кола стають овалами, обличчя розширюються. Звучить жахливо, але іноді все гаразд: на неформальному контенті легке розтягування напрочуд легко перестати помічати.
• Заповнення додає смуги, щоб досягти нової форми, не торкаючись зображення. Саме це плеєри роблять автоматично, і робити це вручну (вбудовувати смуги у файл) майже завжди помилка — смуги стають постійними пікселями.

Редактори змінюють співвідношення під час експорту; глядачі змінюють їх під час відтворення за допомогою елементів масштабування плеєра або, у браузері, розширення. Чого не можна зробити — це наврочити зображення, яке ніколи не знімалося: камера 16:9 записала світ 16:9, і все за його межами зникло.

Співвідношення сторін проти роздільної здатності: це не одне й те саме

Варто розрізняти, бо специфікації їх змішують: роздільна здатність — це скільки пікселів (1920×1080), співвідношення сторін — це їхня пропорція (16:9). Одне співвідношення охоплює багато роздільних здатностей — 16:9 покриває все від 720p до 8K — і знання співвідношення каже вам про форму, а не про різкість. Про те, як роздільна здатність, розмір і щільність пікселів взаємодіють на широких екранах, читайте в посібнику з ультрашироких роздільних здатностей.

Висновок

Співвідношення сторін — це форма зображення: ширина проти висоти, розмір не має значення. Чотири числа охоплюють більшість сучасного життя — 16:9 для екранів і веб-відео, ~19.5:9 для телефона в кишені, 2.39:1 для кіно, 9:16 для стрічки. Коли форми збігаються, зображення заповнюють екрани; коли ні — ви отримуєте смуги, кроп або розтягування. Навчіться читати співвідношення, і кожна чорна смуга, яку ви колись побачите, стане передбачуваною — а на правильному екрані з правильним ПЗ ще й усувною.