Миттєво розрахуйте співвідношення сторін для зображень, відео та екранів. Введіть ширину та висоту, щоб знайти спрощене співвідношення, або встановіть цільове співвідношення для отримання точних розмірів. Ідеально підходить для дизайнерів та розробників.
Завантаження калькулятора...
Цей інструмент вам допоміг?
Що таке Калькулятор співвідношення сторін?
Калькулятор співвідношення сторін визначає пропорційне відношення між шириною та висотою зображення, відео або дисплея. Він бере два розміри (ширину та висоту в пікселях) і обчислює спрощене співвідношення, а також будь-яку загальновживану назву, пов'язану з цим співвідношенням (наприклад, «Широкоформатний» для 16:9 або «Квадрат» для 1:1).
Співвідношення сторін — одна з найбільш фундаментальних властивостей візуальних медіа — воно визначає, як контент вміщується на екранах, як відео обрізаються або додаються letterbox, і як зображення виглядають на різних платформах. Використання неправильного співвідношення сторін викликає спотворення, обрізання або чорні смуги, які роблять контент непрофесійним.
Кожна основна платформа та пристрій має предпочуване співвідношення сторін: YouTube використовує 16:9, Instagram Reels та TikTok використовують 9:16, пости в стрічці Instagram використовують 1:1 або 4:5, а кіно використовує 2,39:1. Розуміння цих співвідношень необхідне для дизайнерів, відеоредакторів, творців контенту та всіх, хто працює з візуальними медіа.
Коли використовувати цей калькулятор
Підготовка контенту для соціальних медіа — кожна платформа має предпочувані співвідношення (16:9 для YouTube, 9:16 для Reels/TikTok, 1:1 для стрічки Instagram).
Зміна розміру зображень для веб-дизайну — перевірте, що цільове співвідношення зберігає вашу композицію перед зміною розміру.
Налаштування пресетів експорту відео — зіставте роздільну здатність експорту з рідним співвідношенням цільової платформи.
Обчислення відсутніх розмірів — при пропорційному масштабуванні зображення один розмір визначає інший через співвідношення.
Налаштування конфігурацій дисплея — мультимоніторні конфігурації потребують послідовних співвідношень для безшовного руху миші.
Конвертація між друком та цифровим — співвідношення друку (8×10, A4) відрізняються від цифрових (16:9, 1:1), вимагаючи рішень про обрізання.
Кроки:
Введіть ширину в пікселях.
Введіть висоту в пікселях.
Перегляньте обчислене співвідношення сторін та його спрощену форму.
Перевірте загальновживану назву (Широкоформатний, Квадрат, Ультраширокий тощо).
Використовуйте співвідношення для визначення сумісності з цільовими платформами.
Формула
Співвідношення сторін = Ширина : Висота (зведено до найпростішої форми)
Для спрощення: знайдіть найбільший спільний дільник (НСД) ширини та висоти, потім поділіть обидва на НСД.
Приклад: 1920 × 1080
НСД(1920, 1080) = 120
Спрощено: 1920/120 : 1080/120 = 16 : 9
Для знаходження відсутнього розміру за співвідношенням та однією стороною:
Висота = Ширина × (Висота співвідношення / Ширина співвідношення)
Ширина = Висота × (Ширина співвідношення / Висота співвідношення)
Приклад: Ширина = 1920, Ціль = 16:9
Висота = 1920 × (9/16) = 1080
Випадки використання
Підготовка зображень або відео для конкретних соціальних платформ (YouTube, Instagram, TikTok)
Зміна розміру зображень для веб-дизайну без спотворень
Обчислення відсутніх розмірів при масштабуванні до цільового співвідношення
Налаштування пресетів експорту відео для різних форматів доставки
Зіставлення розмірів друку з цифровими вихідними файлами
Налаштування параметрів дисплея для мультимоніторних конфігурацій
Ключові переваги
Миттєво обчисліть співвідношення сторін будь-яких розмірів зображення або відео
Визначте загальновживані назви співвідношень (Широкоформатний, Квадрат, Ультраширокий тощо)
Визначте сумісність з платформами для YouTube, Instagram, TikTok та інших
Обчисліть відсутні розміри при масштабуванні до цільового співвідношення
Зрозумійте, чому виникають спотворення, коли співвідношення сторін не зберігається
Безкоштовно, без реєстрації
Поради
Завжди проектуйте з урахуванням цільового співвідношення сторін — компонуйте контент так, щоб важливі елементи не обрізалися при адаптації до іншого співвідношення
Використовуйте цей калькулятор перед зміною розміру для перевірки, що цільове співвідношення відповідає вашій платформі доставки
Для соціальних медіа створіть основну композицію з найбільшим потрібним співвідношенням і обрізайте похідні з неї
При конвертації між співвідношеннями центр-обріз найкраще працює для портретів та облич, тоді як letterbox/pillarbox зберігає повний кадр
Перевірте налаштування камери — більшість смартфонів за замовчуванням використовують 4:3, але ви можете переключитися на 16:9 або 1:1 у налаштуваннях камери
Поширені помилки
Зміна розміру зображень без блокування співвідношення сторін — це розтягує або стискає зображення, викликаючи видимі спотворення
Припущення, що всі платформи використовують однакове співвідношення — YouTube це 16:9, Instagram Reels це 9:16, а стрічка Instagram це 1:1 або 4:5
Використання розмірів 4:3 для сучасних дисплеїв — це залишає чорні смуги на екранах 16:9 і виглядає застарілим
Забуття, що обрізання до нового співвідношення видаляє контент зображення — плануйте композицію з урахуванням цільового співвідношення
Змішування розмірів пікселів із співвідношенням сторін — 1920×1080 та 1280×720 мають однакове співвідношення 16:9, незважаючи на різну кількість пікселів
Ключові терміни
Співвідношення сторін: Пропорційне відношення між шириною та висотою, виражене як Ширина:Висота (наприклад, 16:9, 4:3, 1:1).
НСД (Найбільший спільний дільник): Найбільше число, яке ділить і ширину, і висоту без залишку — використовується для спрощення співвідношень сторін.
Letterboxing: Додавання чорних смуг зверху та знизу ширшого зображення для вміщення на вужчому дисплеї (поширено при показі 16:9 на 4:3).
Pillarboxing: Додавання чорних смуг по боках вищого зображення для вміщення на ширшому дисплеї (поширено при показі 4:3 на 16:9).
Співвідношення сторін пікселя (PAR): Форма окремих пікселів — більшість сучасного цифрового відео використовує квадратні пікселі (PAR 1:1), але деякі мовні формати використовують прямокутні пікселі.
Загальновживані назви: Стандартні позначення для знайомих співвідношень — Широкоформатний (16:9), Квадрат (1:1), Ультраширокий (21:9), Стандартний (4:3), Кінематографічний (2,39:1).
Пов'язані концепції
Конвертер даних: При роботі з розмірами пікселів вам може знадобитися конвертація між одиницями (пікселі, дюйми, сантиметри) при різних DPI — наш конвертер даних виконує ці розрахунки.
Конвертер одиниць: Співвідношення сторін пов'язані з фізичними розмірами у друці та на дисплеях — наш конвертер одиниць допомагає перекладати між пікселями, дюймами та метричними вимірами.
Конвертер кольорів: Робота з візуальними медіа часто передбачає колірні простори та формати — наш конвертер кольорів допомагає з конвертаціями HEX, RGB та HSL.
Стиснення зображень: Після встановлення правильного співвідношення сторін оптимізуйте розмір файлу для веб-доставки — розуміння форматів стиснення (JPEG, PNG, WebP) доповнює рішення про співвідношення.
Конвертер PDF у зображення: При вилученні зображень з PDF вихідні розміри визначають співвідношення сторін — наш конвертер PDF зберігає співвідношення сторін під час вилучення.
Приклад
Дизайнер експортує зображення з розміром 2560 × 1440 пікселів.
НСД(2560, 1440) = 160
Спрощено: 2560/160 : 1440/160 = 16 : 9
Загальновживана назва: Широкоформатний (Full HD, 4K UHD)
Це зображення нативно сумісне з:
- Відео YouTube (1920×1080, 3840×2160)
- Більшістю моніторів та телевізорів
- Презентаціями PowerPoint/Google Slides
- Відеоплеєром Twitter/X
Якщо публікувати в стрічці Instagram (оптимальне 4:5), зображення потрібно буде обрізати до 1440 × 1800 — втративши лівий та правий краї.
Інтерпретація результатів
Спрощене співвідношення — ваш основний результат — воно повідомляє точне пропорційне відношення. Якщо співвідношення відповідає загальновживаній назві (наприклад, 16:9 = Широкоформатний), ви знаєте, що ваш контент сумісний зі стандартними дисплеями та платформами.
Якщо ваше співвідношення не відповідає загальновживаній назві, це, ймовірно, нестандартний розмір, який вимагатиме обрізання або letterboxing для будь-якої платформи. Розгляньте, чи можете ви скоригувати розміри до стандартного співвідношення без втрати важливого контенту.
При плануванні контенту для кількох платформ почніть з найбільш обмежуючого співвідношення (зазвичай 9:16 для вертикального відео) і рухайтеся назовні. Легше додати горизонтальний контент до вертикального кадру, ніж обрізати горизонтальний контент для вміщення у вертикальний.
Саме співвідношення не повідомляє про якість — 16:9 при 640×360 має те ж співвідношення, що й 16:9 при 3840×2160, але останнє має в 36 разів більше пікселів. Завжди розглядайте і співвідношення, і роздільну здатність разом.
Часті запитання
Яке найпоширеніше співвідношення сторін?
16:9 — найпоширеніше співвідношення сторін для сучасних дисплеїв, відео та моніторів. Це стандарт для HD-телебачення (1920×1080), 4K UHD (3840×2160), YouTube та більшості стрімінгових платформ. Співвідношення 16:9 було прийнято ITU у 1984 році як компроміс між традиційним телебаченням 4:3 та ширшими кінематографічними форматами.
Яке співвідношення сторін використовувати для YouTube, Instagram Reels та TikTok?
Стандартні відео YouTube: 16:9 (1920×1080 або 3840×2160). YouTube Shorts: 9:16 (1080×1920). Instagram Reels та TikTok: 9:16 (1080×1920). Пости в стрічці Instagram: 1:1 (1080×1080) або 4:5 (1080×1350). Instagram Stories: 9:16. Відео Twitter/X: 16:9 або 1:1. LinkedIn: 16:9 або 1:1. Використання рідних співвідношень платформ уникає автоматичного обрізання або додавання чорних смуг.
Як обчислити відсутній розмір, якщо знаю одну сторону та цільове співвідношення?
Якщо знаєте ширину і хочете висоту: Висота = Ширина × (Висота співвідношення / Ширина співвідношення). Наприклад, для 16:9 з шириною 1920: Висота = 1920 × (9/16) = 1080. Якщо знаєте висоту і хочете ширину: Ширина = Висота × (Ширина співвідношення / Висота співвідношення). Для 16:9 з висотою 1080: Ширина = 1080 × (16/9) = 1920.
Чому зміна розміру без збереження співвідношення сторін викликає спотворення зображення?
Співвідношення сторін визначає пропорційне відношення між шириною та висотою. Коли ви змінюєте розмір без його збереження, ви розтягуєте або стискаєте зображення нерівномірно — обличчя виглядають ширшими або вищими, кола стають овалами, а текст стає нечитабельним. Завжди використовуйте «заблокувати співвідношення сторін» при зміні розміру або обчисліть правильний пропорційний розмір за допомогою співвідношення.
Яка різниця між 16:9, 21:9 ultrawide та 4:3 для відеоконтенту?
16:9 — універсальний стандарт для HD-відео — використовуйте його для YouTube, стрімінгу та більшості дисплеїв. 21:9 (фактично 2,39:1) — кінематографічне широке співвідношення, що використовується у фільмах — воно створює більш іммерсивне, кінематографічне відчуття, але вводить letterboxing (чорні смуги) на стандартних екранах 16:9. 4:3 — старий телевізійний стандарт — воно вище відносно ширини і тепер переважно використовується для ретро-контенту, певних презентацій та деяких дисплеїв планшетів.
Чим відрізняється співвідношення сторін для друку від екранного/цифрового?
Друк використовує інші стандартні співвідношення, ніж цифрові: 8,5×11 (US Letter) — приблизно 1:1,29, A4 — 1:1,41, а типові фото-відбитки — 4:6, 5:7 або 8:10. Вони відрізняються від цифрових співвідношень, таких як 16:9 або 3:2. При підготовці цифрових зображень для друку вам, ймовірно, доведеться обрізати їх до співвідношення друку, тому розуміння співвідношення перед дизайном має значення.
Що таке золотий перетин і чому він вважається естетично привабливим?
Золотий перетин — це приблизно 1,618:1 (або його обернене значення, 0,618:1). Він зустрічається в природі (спіральні мушлі, пелюстки квітів, формування ураганів) і використовується в мистецтві та архітектурі тисячоліттями. У дизайні елементи, розміщені в пропорціях золотого перетину, мають тенденцію відчуватися природно збалансованими. Золотий перетин близький до 16:10 (1,6:1), тому багато моніторів використовують це співвідношення — воно одночасно технічно практичне та візуально привабливе.
Як конвертувати між поширеними співвідношеннями сторін при зміні розміру зображень?
Для конвертації з одного співвідношення в інше вам потрібно буде обрізати (видалити частину контенту) або додати чорні смуги (горизонтальні або вертикальні). Немає способу змінити співвідношення сторін без втрати частини оригінального зображення або додавання порожнього простору. Найкращий підхід залежить від вашого контенту: центральне обрізання підходить для портретів, розумне обрізання використовує ШІ для виявлення об'єкта, а чорні смуги зберігають повне зображення, але додають рамки.
Яке співвідношення сторін найкраще підходить для презентацій та слайдів?
16:9 тепер є стандартом для презентацій (PowerPoint, Google Slides, Keynote), оскільки більшість проекторів та екранів мають 16:9. Старіший формат 4:3 все ще використовується в деяких академічних та корпоративних середовищах зі старішим обладнанням. Якщо презентуєте невідомій аудиторії, 16:9 — безпечний вибір — воно заповнює сучасні екрани без чорних смуг.
Чому соціальні мережі використовують різні співвідношення сторін?
Кожна платформа оптимізує для свого основного формату контенту та використання пристроїв: 9:16 для мобільного вертикального відео (TikTok, Reels, Shorts), 1:1 для постів у стрічці, які повинні бути квадратними в сітці (Instagram), 16:9 для оптимізованого для десктопу відео (YouTube). Співвідношення відображають, як користувачі тримають телефони та як контент відображається в UI кожної платформи. Використання рідного співвідношення забезпечує заповнення екрану без обрізання.
Наскільки точні розрахунки співвідношення сторін для редагування відео?
Розрахунки співвідношення сторін математично точні — якщо ваша ширина та висота правильні, співвідношення правильне. Практична проблема полягає в тому, що програмне забезпечення для редагування відео може округлювати або прив'язувати до поширених співвідношень, а деякі кодеки мають трохи нестандартні співвідношення пікселів (наприклад, анаморфне широке). Для більшості сучасного цифрового відео припускайте квадратні пікселі та використовуйте стандартні співвідношення, перелічені вище.
