Kalkulačka pomeru strán
Nástroj zistí pomer strán zo zadanej šírky a výšky v pixeloch. Zobrazí zjednodušený pomer, desatinný pomer, CSS aspect-ratio, orientáciu aj vizuálnu ukážku.
Pomer strán
16:9
Zadajte šírku a výšku. Kalkulačka vypočíta zjednodušený pomer strán a CSS aspect-ratio.
Ukážka pomeru strán
Pomer strán sa počíta zo šírky a výšky. Hodí sa pri obrázkoch, videách, banneroch, náhľadoch, iframe prvkoch a CSS vlastnosti aspect-ratio.
Kalkulačka pomeru strán zjednoduší zadaný rozmer na pomer typu 16:9, 4:3 alebo 1:1. Výsledok je praktický pri príprave grafiky, videa, responzívnych blokov a webových layoutov.
Výpočet pomeru strán z rozmerov v pixeloch
Kalkulačka pomeru strán sa hodí pri práci s obrázkami, videami, bannermi, náhľadmi, iframe prvkami alebo responzívnymi blokmi na webe. Použijete ju vtedy, keď máte zadanú šírku a výšku v pixeloch a potrebujete zistiť, aký pomer strán z nich vychádza. Typickým príkladom je rozmer 1920 × 1080 px, ktorý sa zjednoduší na známy pomer 16:9.
Výpočet pracuje s dvomi vstupmi. Zadáva sa šírka v px a výška v px. Kalkulačka tieto dve hodnoty zjednoduší na pomer strán, ktorý sa ľahšie používa pri grafike, videu aj v CSS. Zadaný rozmer sa teda nehodnotí podľa samotnej veľkosti v pixeloch, ale podľa vzťahu medzi šírkou a výškou.
Hlavný výsledok zobrazuje zjednodušený pomer strán, napríklad 16:9, 4:3, 1:1, 3:2 alebo vlastný pomer. Okrem toho kalkulačka zobrazí aj desatinný pomer, zadaný rozmer v pixeloch, orientáciu a hotový CSS zápis vo forme aspect-ratio. Pri výsledku tak hneď vidíte nielen samotný pomer, ale aj to, či ide o rozmer na šírku, na výšku alebo štvorec.
Na výsledok má najväčší vplyv rozdiel medzi šírkou a výškou. Ak je šírka väčšia než výška, výsledok bude orientovaný na šírku. Ak je výška väčšia než šírka, ide o zvislý pomer strán vhodný napríklad pre mobilné formáty, portréty alebo stories. Ak sú obe hodnoty rovnaké, výsledkom je štvorcový pomer 1:1, ktorý sa často používa pri profilových obrázkoch, produktoch alebo náhľadoch.
Praktický príklad je príprava webového náhľadu alebo videa. Ak zadáte šírku 1920 px a výšku 1080 px, kalkulačka zobrazí pomer 16:9, desatinný pomer 1.7778 a CSS zápis aspect-ratio: 16 / 9;. Tento zápis môžete použiť pri responzívnom prvku, aby si zachoval rovnaký tvar aj pri zmene šírky obrazovky.
Výsledok vychádza zo zadaných čísel. Pri veľmi neštandardných rozmeroch môže vzniknúť vlastný pomer strán s vyššími hodnotami, čo nemusí byť chyba. Ak však očakávate bežný formát a výsledok vyzerá nezvyčajne, oplatí sa skontrolovať, či ste nezamenili šírku a výšku alebo nezadali nesprávny rozmer.
TIP pre vás
Keď nestačí len výsledok
Kalkulačka pomôže s výpočtom, ale pri škole sa často ráta aj pochopenie postupu. Pozrite si učebnice, pracovné zošity a knihy, ktoré môžu pomôcť deťom aj dospelým pri učení.
Pozrieť učebniceČasté otázky
Čo počíta kalkulačka pomeru strán?
Zo zadanej šírky a výšky vypočíta zjednodušený pomer strán, napríklad 16:9, 4:3 alebo 1:1.
Aké údaje treba zadať?
Zadáva sa šírka v px a výška v px. Z týchto dvoch hodnôt sa vypočíta celý pomer strán.
Čo znamená CSS aspect-ratio?
Je to CSS zápis pomeru strán, napríklad aspect-ratio: 16 / 9;, ktorý sa dá použiť pri responzívnych prvkoch na webe.
Zobrazí kalkulačka aj orientáciu rozmeru?
Áno. Výsledok ukáže, či ide o rozmer na šírku, na výšku alebo o štvorec.
Na čo sa hodí výpočet pomeru strán?
Hodí sa pri obrázkoch, videách, banneroch, náhľadoch, iframe prvkoch, grafike a webových layoutoch.