Ovi alati pokazuju što web stranice znaju o Vašem zaslonu: njegovu veličinu, prostor unutar prozora preglednika, oštrinu prikaza i broj boja koje prijavljuje. Sve se vrijednosti mjere uživo u Vašem pregledniku i ažuriraju dok mijenjate veličinu prozora, povećavate prikaz ili prelazite na drugi monitor.
Koji alat Vam treba?
- Rezolucija zaslona: veličina cijelog zaslona onako kako je vide web stranice, nakon skaliranja prikaza.
- Veličina prozora (viewport): područje unutar prozora preglednika prema kojem web stranice slažu izgled.
- Omjer piksela uređaja: koliko fizičkih piksela zaslon koristi za svaki CSS piksel, npr. 2× na Retina zaslonima.
- Dubina boja: koliko bitova zaslon koristi za boju svakog piksela, obično 24 bita.
CSS pikseli i fizički pikseli
Web stranice sve mjere u CSS pikselima kako bi tekst i gumbi na svakom zaslonu bili približno iste veličine. Zasloni visoke gustoće svaki CSS piksel prikazuju s pomoću više fizičkih piksela. Zato 4K monitor ili prijenosno računalo s Retina zaslonom prijavljuju znatno manju rezoluciju od one u specifikacijama: pomnožite rezoluciju zaslona s omjerom piksela i dobit ćete stvarni broj piksela.
Kada su ovi alati korisni
- za testiranje responzivnog dizajna pri određenim veličinama viewporta
- za provjeru skaliranja prikaza nakon spajanja novog monitora
- pri odabiru slika i pozadina odgovarajuće veličine
- kad korisničkoj podršci opisujete svoj uređaj jer stranica ne izgleda kako treba
Za podatke o pregledniku, operacijskom sustavu i uređaju pogledajte alate za preglednik.