Utilia
Kategorije ▾
Jezik: bs ▾

Kalkulator omjera stranica

Kalkulator omjera stranica: pojednostavi širinu i visinu, promijeni veličinu uz zadržavanje proporcija, uporedi 16:9 i 4:3 te kopiraj CSS aspect-ratio kôd.

Uobičajeni omjeri

Omjer ili originalna veličina

Upiši omjer (16 i 9) ili stvarne dimenzije (1920 i 1080).

Nova veličina (zadržava omjer)

Upiši novu širinu da dobiješ visinu, ili novu visinu da dobiješ širinu.

Pojednostavljeni omjer
–
Decimalni omjer
–
Orijentacija
–
Najbliži standard
–

Pregled

Uobičajeni omjeri

OmjerDecimalnoVeličinaTipična upotreba

Kako koristiti kalkulator omjera stranica

  1. Odaberi jedan od Uobičajeni omjeri (16:9, 4:3, 21:9, 1:1, 9:16, 3:2, 16:10, 4:5) ili upiši svoje vrijednosti u polje Omjer ili originalna veličina. Možeš unijeti omjer (16 i 9) ili stvarne dimenzije slike, videa ili ekrana (1920 i 1080).
  2. Pročitaj rezultate: Pojednostavljeni omjer, Decimalni omjer (širina podijeljena visinom), Orijentaciju i Najbliži standard. Znak „≈“ znači da je tvoja veličina blizu tog standarda, ali mu nije tačno jednaka.
  3. U dijelu Nova veličina (zadržava omjer) upiši Nova širina da dobiješ odgovarajuću visinu ili Nova visina da dobiješ širinu. Red ispod prikazuje izračun. Isključi Zaokruži na cijele piksele ako ti treba tačna vrijednost, na primjer za štampane formate u milimetrima.
  4. Zamijeni širinu i visinu pretvara položeni omjer u uspravni (16:9 postaje 9:16) i obrnuto.
  5. Pregled crta okvir tvog omjera, a tabela navodi veličinu svakog uobičajenog omjera pri tvojoj novoj širini.
  6. Kopiraj CSS kôd dugmetom Kopiraj.

Sve se računa u tvom pregledniku. Ništa što upišeš ne šalje se na server.

Kako funkcioniše izračun

Omjer stranica je širina podijeljena visinom, zapisana kao dva cijela broja. Da bi ga pojednostavio, alat dijeli obje strane njihovim najvećim zajedničkim djeliocem (NZD): NZD brojeva 1920 i 1080 je 120, pa je 1920:1080 = 16:9. Decimalni unosi se prvo množe stepenom broja deset (2,39:1 postaje 239:100).

Promjena veličine uz zadržavanje proporcija svodi se na jednostavnu trojnu proporciju:

  • nova visina = nova širina × originalna visina ÷ originalna širina
  • nova širina = nova visina × originalna širina ÷ originalna visina

Primjer: video 16:9 širine 1280 px visok je 1280 × 9 ÷ 16 = 720 px.

Neki ekrani imaju „neobične“ omjere. Laptop od 1366 × 768 pojednostavljuje se na 683:384, a to je 1,779:1, tek malo se razlikuje od 16:9 (1,778:1), zato se prikazuje „≈ 16:9“. Monitori koji se prodaju kao 21:9 zapravo su 64:27 (2560 × 1080) ili 43:18 (3440 × 1440), zbog čega se oba pojavljuju u tabeli.

CSS svojstvo aspect-ratio

aspect-ratio: 16 / 9; govori pregledniku da sam izračuna nedostajuću dimenziju: uz width: 100% visina se podešava automatski, a okvir se skalira zajedno sa svojim kontejnerom. Radi u svim aktuelnim preglednicima (od 2021.) i idealno je za video ugradnje, kartice, rezervirana mjesta za slike i sličice. Za slike ga kombinuj s object-fit: cover da se slika izreže umjesto da se razvuče.

Kôd uključuje i stariju tehniku s padding-top kao rezervu: postotni padding računa se prema širini, pa padding-top: 56.25% (9 ÷ 16) rezerviše površinu 16:9, a sadržaj se unutar nje apsolutno pozicionira. Treba ti samo za veoma stare preglednike.

Rezervisanje prostora omjerom sprečava i pomjeranje rasporeda dok se slike i videi učitavaju, što poboljšava rezultat Cumulative Layout Shift (CLS).

Česta pitanja

Koji je omjer stranica za 1920 × 1080?

16:9. Isto vrijedi za 1280 × 720, 2560 × 1440 i 3840 × 2160 (4K UHD).

Koji omjer da koristim za vertikalne videe?

9:16 za storyje, Reels, TikTok i Shorts (1080 × 1920). Za objave u feedu Instagram preferira 4:5 (1080 × 1350).

Je li 16:10 isto što i 16:9?

Nije. 16:10 (1,6:1) je malo viši od 16:9 (1,78:1). Čest je na laptopima, na primjer 1920 × 1200 ili 2560 × 1600.

Zašto nova visina nije cijeli broj?

Zato što širina koju si odabrao nije višekratnik omjera. Širina 1000 px pri omjeru 16:9 daje 562,5 px. Opcija Zaokruži na cijele piksele zaokružuje to na 563; ako odabereš širinu koja je višekratnik broja 16, zaokruživanje uopće nije potrebno.

Mijenja li promjena veličine kvalitet slike?

Ovaj alat samo računa dimenzije. Povećanje slike preko njenih originalnih piksela čini je mekšom; da stvarno promijeniš veličinu datoteke, koristi alat za promjenu veličine slika s ovim brojevima.

Srodni alati