Kako rezolucija zaslona funkcionira na webu
U rezultatu je prikazana rezolucija Vašeg zaslona, izmjerena onako kako je vide web stranice: puna širina i visina zaslona u CSS pikselima. Vrijednost se odmah ažurira ako prozor premjestite na drugi zaslon ili promijenite skaliranje prikaza.
CSS pikseli i fizički pikseli
Web stranice zaslone mjere u CSS pikselima, a ne u fizičkim pikselima zaslona. Na zaslonima visoke gustoće, poput Retina zaslona, većine mobitela i prijenosnih računala s uključenim skaliranjem, jedan CSS piksel prikazuje se s pomoću više fizičkih piksela. Koliko ih je, pokazuje omjer piksela uređaja.
Fizičku rezoluciju zaslona dobit ćete tako da prikazanu rezoluciju pomnožite s omjerom piksela. Primjerice, 1440 × 900 uz omjer 2× znači zaslon od 2880 × 1800 piksela.
Uobičajene rezolucije zaslona
- 1920 × 1080 (Full HD): najčešća rezolucija stolnih i prijenosnih računala
- 2560 × 1440 (QHD): česta kod većih monitora i za igranje
- 3840 × 2160 (4K UHD): obično se prijavljuje kao 2560 × 1440 ili 1920 × 1080, jer 4K zasloni najčešće rade sa skaliranjem od 150 % ili 200 %
- širina od 360 do 430: uobičajene CSS širine današnjih pametnih telefona
Rezolucija zaslona i prozor preglednika
Rezolucija zaslona odnosi se na cijeli zaslon. Web stranice izgled prilagođavaju prostoru unutar prozora preglednika, takozvanom viewportu, koji je obično manji zbog alatnih traka, kartica i programske trake.
Kada Vam treba rezolucija zaslona
- pri odabiru pozadinske slike ili slike odgovarajuće veličine
- za provjeru skaliranja prikaza nakon spajanja novog monitora
- kad korisničkoj podršci opisujete kako stranica izgleda na Vašem uređaju
- za usporedbu onoga što vide web stranice sa specifikacijama Vašeg zaslona