Калькулятор пропорцій

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

Калькулятор співвідношення сторін визначає пропорційне співвідношення між шириною та висотою прямокутної форми. Співвідношення сторін виражається як ширина:висота (наприклад, 16:9 або 4:3) і є необхідним для виробництва відео, фотографії, адаптивного вебдизайну та поліграфічної верстки. Цей інструмент розраховує співвідношення сторін з піксельних розмірів або масштабує розміри відповідно до бажаного співвідношення.

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

Як користуватися цим інструментом

Введіть ширину та висоту в пікселях для розрахунку співвідношення сторін. Або введіть цільове співвідношення та один розмір для розрахунку іншого. Інструмент зводить співвідношення до найпростішої форми (1920×1080 стає 16:9) та показує поширені пресети для швидкого ознайомлення.

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

• 16:9 — широкоформатний стандарт для HD/4K відео, сучасних моніторів, YouTube, стримінгових сервісів.
• 4:3 — традиційні телевізори та комп'ютерні монітори, iPad, слайди презентацій.
• 21:9 — ультраширокі монітори та кінематографічний контент.
• 1:1 — квадратний формат, публікації Instagram, фото профілю.
• 9:16 — вертикальний відеоформат для мобільного контенту (Stories, TikTok, Shorts).

Співвідношення сторін у вебдизайні

У CSS властивість aspect-ratio підтримує пропорції для адаптивних елементів. До появи цієї властивості розробники використовували хак з padding-bottom (padding-bottom: 56,25% для 16:9). Сучасний CSS робить це простим: встановіть aspect-ratio: 16 / 9 на будь-якому елементі. Це є критично важливим для вбудовування відео, створення фотогалерей та розробки макетів карток, що виглядають послідовно на різних пристроях.

Часті запитання

Яке співвідношення сторін у 1920×1080?

1920×1080 (Full HD) має співвідношення сторін 16:9, що є стандартним широкоформатним форматом. Інші поширені роздільні здатності 16:9 включають 2560×1440 (QHD), 3840×2160 (4K UHD) та 1280×720 (HD). Співвідношення 16:9 стало стандартом для HD-контенту, оскільки воно пропонує ширше поле зору, ніж 4:3, будучи при цьому практичним для більшості типів контенту.

Як зберігати співвідношення сторін при зміні розміру?

Заблокуйте співвідношення сторін у вашому інструменті редагування (зазвичай значок ланцюжка між полями ширини та висоти). При зміні одного розміру інший налаштовується пропорційно. Математично: нова висота = нова ширина / (оригінальна ширина / оригінальна висота). Наприклад, для зміни розміру зображення 1920×1080 до ширини 1280: 1280 / (1920/1080) = 720.