Snaplytics JS Tests

Калькулятор співвідношення сторін

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

px
px
Поширені співвідношення

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

Співвідношення сторін
16 : 9
Десяткове (Ш ÷ В)
1.778
Орієнтація
Альбомна

Що таке співвідношення сторін

Співвідношення сторін описує пропорційний зв'язок між шириною і висотою зображення, записаний у вигляді двох чисел, розділених двокрапкою, наприклад 16:9. Воно нічого не каже про абсолютний розмір у пікселях чи дюймах — кадр 1280×720 і кадр 3840×2160 мають однакову форму 16:9. Оскільки це пропорція, саме співвідношення залишається незмінним при масштабуванні контенту, тож саме на цей показник варто орієнтуватися під час зміни розміру, обрізання чи вписування медіа в контейнер.

Поширені співвідношення та де вони використовуються

  • 16:9 — стандарт для сучасних моніторів, ноутбуків, телевізорів і більшості онлайн-відео (720p, 1080p, 1440p і 4K — усі мають співвідношення 16:9).
  • 21:9 — надширокі монітори та кінематографічні ігри. Хоча заявлено як 21:9, піксельні розміри зазвичай спрощуються до 64:27 (приблизно 2.37:1).
  • 4:3 — застарілий стандарт для старих телевізорів, ранніх комп'ютерних дисплеїв, а також багатьох планшетів і сканів документів.
  • 9:16 — вертикальне відео для телефонів і соціальних платформ, таких як Stories, Reels, TikTok і Shorts.
  • 1:1 — квадратний формат, поширений для фото профілю та деяких зображень у стрічках соцмереж.
  • 2.39:1 — сучасне анаморфне широкоформатне кіно, найширший із поширених кінотеатральних форматів.

Як відбувається обчислення

Щоб спростити ширину та висоту до співвідношення, поділіть обидва значення на їхній найбільший спільний дільник (НСД). Для 1920×1080 НСД дорівнює 120, тож співвідношення спрощується до 16:9. Десяткова форма — це просто ширина, поділена на висоту: 1920 ÷ 1080 = 1.78, тобто зображення в 1.78 раза ширше, ніж вище. Коли ви фіксуєте співвідношення та вводите один розмір, калькулятор виконує обернену дію — множить або ділить на це співвідношення, щоб знайти другу сторону, округляючи до найближчого цілого пікселя.

Зміна розміру, летербоксинг і пілербоксинг

Щоб змінити розмір без розтягування чи стискання, тримайте співвідношення незмінним: змінюйте один розмір і перераховуйте інший, а не редагуйте обидва довільно. Коли співвідношення джерела та дисплея відрізняються, контент вписують за допомогою смуг замість спотворення. Летербоксинг додає горизонтальні смуги зверху та знизу, коли ширший контент показують у вужчому кадрі — наприклад, фільм 2.39:1 на екрані 16:9. Пілербоксинг додає вертикальні смуги по краях, коли вужчий контент, наприклад відео 4:3, відтворюється на дисплеї 16:9. Якщо потрібно пов'язати ці співвідношення з фізичним розміром реального екрана або щільністю пікселів, ці вимірювання охоплюють інструменти «Калькулятор розміру екрана та PPI».