Utilia
Kategórie ▾
Jazyk: sk ▾

Rozlíšenie obrazovky

Zisti rozlíšenie obrazovky, veľkosť viewportu, pomer pixelov zariadenia, fyzické pixely, farebnú hĺbku a orientáciu okamžite a naživo pri zmene okna.

Rozlíšenie obrazovky (pixely CSS)
–
Fyzické pixely (odhad)
–
Pomer pixelov zariadenia
–
Viewport (oblasť stránky)
–
Dostupná obrazovka
–
Okno prehliadača
–
Pomer strán
–
Orientácia
–
Farebná hĺbka
–
Farebný gamut
–
Displej HDR
–
Priblíženie štipnutím
–

Hodnoty sa aktualizujú naživo, keď zmeníš veľkosť okna, otočíš zariadenie, priblížiš alebo presunieš okno na iný monitor.

Fyzické pixely sa odhadujú ako veľkosť obrazovky × pomer pixelov zariadenia. Pre presný údaj obnov priblíženie prehliadača na 100 % (Ctrl+0 alebo Cmd+0).

Ako tento nástroj používať

  1. Otvor stránku: všetky hodnoty sa zobrazia hneď, prečítané z tvojho prehliadača.
  2. Zmeň veľkosť okna, otoč telefón či tablet alebo presuň okno na iný monitor. Hodnoty sa aktualizujú naživo.
  3. Tlačidlom Skopírovať ako text skopíruješ všetky hodnoty ako zoznam v čistom texte, užitočný pri hlásení chyby alebo žiadosti o podporu.

Čo jednotlivé hodnoty znamenajú

Rozlíšenie obrazovky (pixely CSS) je veľkosť celej obrazovky tak, ako ju vidia webové stránky. Na bežnom monitore pri 100 % mierke zodpovedá skutočnému rozlíšeniu monitora. Pri obrazovkách s vysokou hustotou je menšie: notebook s panelom 2880 × 1800 pri 200 % mierke hlási 1440 × 900.

Fyzické pixely (odhad) je rozlíšenie obrazovky vynásobené pomerom pixelov zariadenia. Zvyčajne je to natívne rozlíšenie panela a nástroj pomenúva bežné z nich, napríklad Full HD (1080p), QHD (1440p) alebo 4K UHD.

Pomer pixelov zariadenia udáva, koľko fyzických pixelov tvorí jeden pixel CSS. Hodnota 1 je klasický monitor, 1,25 alebo 1,5 je bežná pri notebookoch s Windowsom so škálovaním displeja, 2 je typická pre Macy s Retina a 3 pre mnohé telefóny. Mení ho aj priblíženie prehliadača.

Viewport (oblasť stránky) je časť okna, v ktorej sa stránka vykresľuje, bez panelov s nástrojmi a kariet. Na túto veľkosť sa zameriavajú webdizajnéri pri responzívnych rozloženiach a mediálnych dotazoch.

Dostupná obrazovka je obrazovka bez trvalých systémových oblastí, ako je panel úloh vo Windowse alebo lišta s ponukami a Dock v macOS. Okno prehliadača je vonkajšia veľkosť okna vrátane rámu a panelov s nástrojmi.

Pomer strán je tvar obrazovky, napríklad 16:9, 16:10 alebo ultraširoké 21:9. Orientácia hovorí, či je obrazovka na šírku alebo na výšku, s uhlom otočenia, ak ho prehliadač hlási.

Farebná hĺbka je počet bitov na pixel: 24 bitov znamená 8 bitov na kanál a 30 bitov znamená 10 bitov na kanál. Farebný gamut ukazuje najširší rozsah, ktorý podľa prehliadača obrazovka pokrýva: sRGB, Display P3 alebo Rec. 2020. Displej HDR hovorí, či prehliadač hlási obrazovku s vysokým dynamickým rozsahom. Priblíženie štipnutím ukazuje úroveň priblíženia, keď na dotykovej obrazovke priblížiš štipnutím.

Prečo ťa čísla môžu prekvapiť

Webové stránky nikdy nevidia skutočný hardvér priamo. Operačné systémy všetko škálujú, aby bol text čitateľný aj na hustých obrazovkách, preto monitor 4K pri 150 % mierke vyzerá pre prehliadač ako obrazovka 2560 × 1440. Riadok Fyzické pixely (odhad) tento výpočet obracia. Pri 100 % priblížení prehliadača je presný, ale prehliadače zaobchádzajú s priblížením rôzne, preto pred tým, než mu uveríš, obnov priblíženie klávesmi Ctrl+0 alebo Cmd+0. V telefónoch sa výsledok môže od inzerovaného rozlíšenia líšiť o niekoľko pixelov kvôli zaokrúhľovaniu.

Ak používaš viac monitorov, hodnoty popisujú ten, na ktorom je okno prehliadača práve umiestnené.

Nástroj funguje v tvojom prehliadači. Nič sa neodosiela na server.

Často kladené otázky

Aký je rozdiel medzi rozlíšením obrazovky a viewportom?

Rozlíšenie obrazovky je veľkosť celého displeja. Viewport je len oblasť vnútri okna prehliadača, kde sa stránka zobrazuje, takže sa mení so zmenou veľkosti okna.

Prečo je moje rozlíšenie menšie než špecifikácia monitora?

Pravdepodobne je zapnuté škálovanie displeja. Vynásob ho hodnotou Pomer pixelov zariadenia a získaš fyzické rozlíšenie, ktoré ukazuje riadok Fyzické pixely (odhad).

Prečo sa pomer pixelov zariadenia mení, keď priblížim?

Priblíženie prehliadača zväčší každý pixel CSS, takže sa doň zmestí viac fyzických pixelov. Obnov priblíženie na 100 % a uvidíš pomer nastavený operačným systémom.

Dokáže tento nástroj rozpoznať 10-bitový monitor alebo HDR?

Ukazuje to, čo prehliadač hlási. Mnohé prehliadače hlásia 24-bitovú farbu aj pri 10-bitových paneloch a HDR sa zistí, len ak je zapnuté v operačnom systéme.

Odosielajú sa moje informácie niekam?

Nie. Všetko číta tvoj prehliadač na tejto stránke a nič sa neodosiela ani neukladá.

Súvisiace nástroje