Alati za zaslon

Provjerite rezoluciju zaslona, veličinu prozora preglednika, omjer piksela i dubinu boja onako kako ih mjere web stranice.

  • Rezolucija Vašeg zaslona

    Prepoznavanje…

    Širina i visina Vašeg zaslona onako kako ih vide web stranice, izmjerene u CSS pikselima nakon skaliranja prikaza.

  • Prozor Vašeg preglednika (viewport)

    Prepoznavanje…

    Širina i visina područja unutar prozora preglednika u kojem se prikazuju web stranice, ažurirane uživo dok mijenjate veličinu prozora.

  • Omjer piksela Vašeg uređaja

    Prepoznavanje…

    Koliko fizičkih piksela zaslona čini jedan CSS piksel. Zasloni visoke gustoće, poput Retina zaslona, prijavljuju 2× ili više.

  • Dubina boja Vašeg zaslona

    Prepoznavanje…

    Broj bitova kojima Vaš zaslon zapisuje boju svakog piksela, prema podacima preglednika. Većina zaslona prijavljuje 24 bita.

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.