Наш калькулятор співвідношення сторон допомагає дизайнерам, відеографам і розробникам працювати з розмірами зображень та відео. Введіть ширину і висоту, щоб отримати спрощені пропорції, вкажіть співвідношення та один із розмірів для розрахунку іншого або змінюйте розмір будь-якої роздільної здатності зі збереженням пропорцій. Містить швидкі пресети для всіх основних соцмереж та стандартних роздільних здатностей екрана від HD до 8K.
| Name | Resolution | Ratio |
|---|---|---|
| 8K UHD | 7680×4320 | 16:9 |
| 4K UHD | 3840×2160 | 16:9 |
| QHD | 2560×1440 | 16:9 |
| Full HD | 1920×1080 | 16:9 |
| HD | 1280×720 | 16:9 |
| UW FHD | 2560×1080 | 21:9 |
| XGA | 1024×768 | 4:3 |
| Square | 1080×1080 | 1:1 |
Введіть ширину та висоту в пікселях, щоб миттєво розрахувати спрощене співвідношення сторон за допомогою НСД.
Виберіть попередньо встановлене співвідношення та введіть один із розмірів, щоб знайти відповідну ширину або висоту.
Введіть поточні розміри та нову ширину або висоту, щоб змінити розмір із збереженням співвідношення сторін.
Співвідношення сторін знаходить діленням ширини та висоти на їхній Найбільший спільний дільник (НСД). Наприклад, для 1920x1080: НСД(1920, 1080) = 120, тому співвідношення становить 1920/120 : 1080/120 = 16:9. Щоб знайти відсутній розмір: Висота = Ширина / (ШиринаСпіввідношення / ВисотаСпіввідношення), або Ширина = Висота * (ШиринаСпіввідношення / ВисотаСпіввідношення).
Ratio = W/GCD(W,H) : H/GCD(W,H)
16:9 — найпоширеніший широкоформатний формат, який використовується для HD (1280x720), Full HD (1920x1080) та 4K (3840x2160)
4:3 був стандартним співвідношенням для старіших телевізорів і моніторів — досі використовується для презентацій та деяких планшетів
Публікації в Instagram використовують 1:1 (квадрат), тоді як Stories та Reels використовують 9:16 (вертикальний)
YouTube рекомендує 16:9 для звичайних відео та 9:16 для Shorts
21:9 (ультраширокий) є популярним для кінематографічного контенту та ультрашироких моніторів
Під час зміни розміру завжди блокуйте співвідношення сторон, щоб уникнути розтягування або стискання зображень
3:2 — це класичне фотографічне співвідношення, яке використовується більшістю DSLR-камер
Використовуйте десяткове співвідношення (наприклад, 1.778 для 16:9) для швидких обчислень у ролі під час масштабування
Наш безплатний калькулятор співвідношення сторін допоможе вам визначити пропорції за будь-якими піксельними розмірами, розрахувати відсутню ширину чи висоту для заданого співвідношення та змінити розмір зображень із збереженням пропорцій. Ідеально підходить для відеомонтажерів, фотографів, вебдизайнерів та контент-мейкерів у соцмережах.
Введіть будь-яку ширину та висоту, щоб знайти спрощене співвідношення сторін за допомогою методу НСД (Найбільший спільний дільник).
Наприклад, 1920x1080 спрощується до 16:9, а 2560x1440 також спрощується до 16:9.
Наш калькулятор також показує десяткове співвідношення для швидкої перевірки.
16:9 — це стандартне широкоформатне співвідношення, яке використовується для роздільної здатності HD, Full HD, 4K та 8K.
Поширені роздільні здатності 16:9 включають:
Введіть будь-яку ширину, щоб миттєво розрахувати відповідну висоту 16:9.
Кожна соціальна мережа має рекомендовані співвідношення сторін:
Використовуйте наші готові налаштування платформ, щоб отримати точні розміри в пікселях.
Співвідношення сторін — це пропорційне співвідношення між шириною та висотою зображення, яке записується у вигляді двох чисел, розділених двокрапкою, наприклад 16:9.
Воно працює шляхом вираження ширини та висоти у вигляді найменшого цілочислового співвідношення, яке знаходить діленням обох розмірів на їхній найбільший спільний дільник (НСД). Зображення 1920x1080 має НСД 120, тому воно зменшується до 16:9.
Співвідношення сторін не залежить від роздільної здатності: 1280x720 і 3840x2160 мають однакове співвідношення 16:9 попри дуже різну кількість пікселів. Як визначають стандарти мовлення SMPTE та ITU-R BT.709, співвідношення визначає форму, а роздільна здатність — деталізацію, чому ці два параметри слід розглядати окремо під час підготовки медіафайлів.
Щоб знайти відсутній розмір, помножте або розділіть відомий розмір на десяткове значення співвідношення.
Якщо ви знаєте ширину і хочете дізнатися висоту для зображення 16:9, розділіть ширину на 16 і помножте на 9: ширина 1600 пікселів дає 1600/16x9 = 900 пікселів. Щоб знайти ширину за висотою, виконайте зворотну операцію: помножте висоту на 16 і розділіть на 9.
Десяткова форма (16/9 = 1.778) робить масштабування швидким, оскільки ширина завжди дорівнює висоті, помноженій на десяткове співвідношення. Це та сама арифметика, що використовується у верстці CSS, де властивість aspect-ratio, задокументована в MDN Web Docs, дозволяє браузерам резервувати правильну форму блоку до завантаження зображення, запобігаючи зсуву макета.
У фотографії та кінематографі використовується окремий набір співвідношень сторін, відмінний від екранів.
Більшість камер DSLR та беззеркальних камер знімають у форматі 3:2 (1.5), успадкованому від 35-мм плівки, тоді як сенсори Micro Four Thirds використовують 4:3.
Кінематограф покладається на ширші формати: 1.85:1 (flat) та 2.39:1 (anamorphic scope) є стандартними кінотеатральними стандартами, визначеними SMPTE, а 21:9 наближається до кінематографічного надширокого екрана для домашнього перегляду.
Розміри для друку підпорядковуються іншій логіці; серія ISO 216 A (A4, A3) використовує співвідношення 1:1.414 (корінь із двох), щоб половинне складання аркуша зберігало його пропорції.
Знання вихідного співвідношення запобігає небажаному кадруванню під час перенесення зображення з камери на екран і папір.
Зміна пропорцій зображення без його розтягування вимагає або обрізання, або додавання смуг, але ніколи — простого нерівномірного зміни розмірів обох вимірів.
Обрізання видаляє пікселі з країв для досягнення цільової форми, жертвуючи частиною вмісту, але заповнюючи кадр. Додавання чорних смуг горизонтально або вертикально зберігає все зображення шляхом заповнення порожнього простору. Саме так мовники згідно зі стандартами відображення ITU-R адаптують матеріал 4:3 для екранів 16:9.
Розтягування, натомість, створює невідповідність розмірів і помітно спотворює обличчя та кола.
Коли вам потрібно виконати розрахунок віку чи перетворення, вирішіть, що важливіше — цілісність контенту (з чорними смугами) чи повний кадр (обрізання), і обчисліть точні розміри перед експортом.
Для вебдизайну пропорції слід задавати в CSS, а не через фіксовані розміри в пікселях, щоб зображення плавно масштабувалися на різних пристроях.
Сучасна властивість CSS aspect-ratio, задокументована в MDN Web Docs та є частиною специфікації W3C CSS, дозволяє оголосити aspect-ratio: 16 / 9 для контейнера, резервуючи місце та усуваючи сукупне зрушення макета (CLS) — показник Core Web Vitals, який відстежує Google.
Поширені вебпропорції включають:
Завжди поєднуйте оголошені пропорції з адаптивними одиницями, щоб той самий макет змінювався від мобільної орієнтації до настільного широкоформатного екрана без жорстко закодованих розмірів.
Вибирайте пропорції монітора на основі вашого основного робочого навантаження, а не керуйтеся тим, що коштує найдешевше.
VESA та індустрія дисплеїв визначають ці формати навколо поширених роздільних здатностей панелей, тому узгодження пропорцій вашого контенту з панеллю дозволяє уникнути чорних смуг. Для змішаного використання 16:10 або 21:9 зазвичай забезпечують найгнучкішу робочу зону на витрачений долар.
Правильні пропорції безпосередньо впливають на те, як контент відображається в результатах пошуку та прев'ю в соцмережах, що робить їх практичною частиною технічного SEO.
Open Graph та попередній перегляд Twitter Card найкраще виглядають у співвідношенні 1.91:1 для зображень посилань, а невідповідні розміри непередбачувано обрізаються у стрічці.
У пошуку рекомендації Google щодо структурованих даних зображень радять надавати кілька пропорцій (16:9, 4:3 та 1:1), щоб система могла вибрати найкраще обрізання для кожного інтерфейсу. На сторінці оголошення пропорцій зображень запобігає зрушенню макета, яке шкодить Core Web Vitals.
Тому правильне виставлення пропорцій під час експорту покращує як зовнішній вигляд клікабельності на соціальних платформах, так і сприйману стабільність, яку заохочують алгоритми ранжування.
Найпоширенішою помилкою з пропорціями є незалежна зміна ширини та висоти, що розтягує зображення і спотворює кожну фігуру на ньому; завжди блокуйте пропорції під час масштабування.
Data sourced from trusted institutions
All formulas verified against official standards.