Utilia
Kategorije ▾
Jezik: sl ▾

Kalkulator razmerja stranic

Kalkulator razmerja stranic: poenostavi širino in višino, spremeni velikost z ohranitvijo razmerja, primerjaj 16:9, 4:3, 21:9 in kopiraj CSS aspect-ratio.

Pogosta razmerja

Razmerje ali izvirna velikost

Vnesi razmerje (16 in 9) ali dejanske mere (1920 in 1080).

Nova velikost (ohrani razmerje)

Vnesi novo širino, da dobiš višino, ali novo višino, da dobiš širino.

Poenostavljeno razmerje
–
Decimalno razmerje
–
Usmerjenost
–
Najbližji standard
–

Predogled

Pogosta razmerja

RazmerjeDecimalnoVelikostTipična uporaba

Kako uporabljati kalkulator razmerja stranic

  1. Izberi eno od možnosti Pogosta razmerja (16:9, 4:3, 21:9, 1:1, 9:16, 3:2, 16:10, 4:5) ali v polje Razmerje ali izvirna velikost vnesi svoje vrednosti. Vneseš lahko razmerje (16 in 9) ali dejanske mere slike, videa ali zaslona (1920 in 1080).
  2. Preberi rezultate: Poenostavljeno razmerje, Decimalno razmerje (širina, deljena z višino), Usmerjenost in Najbližji standard. Znak »≈« pomeni, da je tvoja velikost blizu standardu, vendar mu ni povsem enaka.
  3. Pod Nova velikost (ohrani razmerje) vnesi Nova širina, da dobiš ustrezno višino, ali Nova višina, da dobiš širino. Vrstica pod tem prikaže izračun. Odkljukaj Zaokroži na cele slikovne pike, če potrebuješ natančno vrednost, na primer za mere tiska v milimetrih.
  4. Zamenjaj širino in višino spremeni ležeče razmerje v pokončno (16:9 postane 9:16) in obratno.
  5. Predogled nariše okvir z izbranim razmerjem, tabela pa prikaže velikost vseh pogostih razmerij pri tvoji novi širini.
  6. Kodo Koda CSS kopiraš z gumbom Kopiraj.

Orodje deluje v tvojem brskalniku. Nič, kar vneseš, se ne pošlje na strežnik.

Kako deluje izračun

Razmerje stranic je širina, deljena z višino, zapisana z dvema celima številoma. Orodje ga poenostavi tako, da obe strani deli z njunim največjim skupnim deliteljem (NSD): NSD števil 1920 in 1080 je 120, zato je 1920:1080 = 16:9. Decimalne vnose najprej pomnoži z ustrezno potenco števila deset (2,39:1 postane 239:100).

Pri spreminjanju velikosti z ohranitvijo razmerja gre za trojno pravilo:

  • nova višina = nova širina × izvirna višina ÷ izvirna širina
  • nova širina = nova višina × izvirna širina ÷ izvirna višina

Primer: video 16:9 s širino 1280 px je visok 1280 × 9 ÷ 16 = 720 px.

Nekateri zasloni imajo »nenavadna« razmerja. Prenosnik z ločljivostjo 1366 × 768 se poenostavi v 683:384, kar je 1,779:1, malenkost stran od 16:9 (1,778:1), zato je prikazano »≈ 16:9«. Monitorji, ki se prodajajo kot 21:9, so v resnici 64:27 (2560 × 1080) ali 43:18 (3440 × 1440), zato sta v tabeli obe razmerji.

Lastnost CSS aspect-ratio

Zapis aspect-ratio: 16 / 9; brskalniku sporoči, naj sam izračuna manjkajočo dimenzijo: pri width: 100% se višina prilagodi samodejno, okvir pa se skalira skupaj s svojim vsebnikom. Lastnost deluje v vseh sodobnih brskalnikih (od leta 2021) in je idealna za vdelane videe, kartice, nadomestne slike in sličice. Pri slikah jo združi z object-fit: cover, da se slika obreže in ne raztegne.

Koda vključuje tudi starejšo tehniko s padding-top kot rezervno rešitev: odstotni odmik se izračuna iz širine, zato padding-top: 56.25% (9 ÷ 16) rezervira območje 16:9, vsebina pa je znotraj njega absolutno pozicionirana. Potrebuješ jo samo za zelo stare brskalnike.

Če prostor rezerviraš z razmerjem, preprečiš tudi premike postavitve med nalaganjem slik in videov, kar izboljša oceno kumulativnega premika postavitve (CLS).

Pogosta vprašanja

Kakšno je razmerje stranic pri 1920 × 1080?

16:9. Enako velja za 1280 × 720, 2560 × 1440 in 3840 × 2160 (4K UHD).

Katero razmerje naj uporabim za navpične videe?

9:16 za zgodbe, Reels, TikTok in Shorts (1080 × 1920). Za objave v viru Instagram raje uporablja 4:5 (1080 × 1350).

Ali je 16:10 isto kot 16:9?

Ne. Razmerje 16:10 (1,6:1) je nekoliko višje od 16:9 (1,78:1). Pogosto je na prenosnikih, na primer 1920 × 1200 ali 2560 × 1600.

Zakaj višina po spremembi velikosti ni celo število?

Ker izbrana širina ni večkratnik razmerja. Širina 1000 px pri 16:9 da višino 562,5 px. Možnost Zaokroži na cele slikovne pike jo zaokroži na 563; če izbereš širino, ki je večkratnik števila 16, se zaokroževanju v celoti izogneš.

Ali sprememba velikosti vpliva na kakovost slike?

To orodje samo izračuna mere. Povečanje slike prek njenih izvirnih slikovnih pik jo naredi mehkejšo; če želiš dejansko spremeniti velikost datoteke, uporabi orodje za spreminjanje velikosti slik s temi številkami.

Sorodna orodja