Utilia
Kategorie ▾
Jazyk: cs ▾

Rozlišení obrazovky

Zjisti rozlišení obrazovky, velikost viewportu, poměr pixelů zařízení, fyzické pixely, barevnou hloubku a orientaci s živou aktualizací.

Rozlišení obrazovky (CSS pixely)
–
Fyzické pixely (odhad)
–
Poměr pixelů zařízení
–
Viewport (plocha stránky)
–
Dostupná obrazovka
–
Okno prohlížeče
–
Poměr stran
–
Orientace
–
Barevná hloubka
–
Barevný gamut
–
Displej HDR
–
Zoom štípnutím
–

Hodnoty se aktualizují živě, když změníš velikost okna, otočíš zařízení, přiblížíš nebo přesuneš okno na jiný monitor.

Fyzické pixely se odhadují jako velikost obrazovky × poměr pixelů zařízení. Pro přesný údaj obnov zoom prohlížeče na 100 % (Ctrl+0 nebo Cmd+0).

Jak tento nástroj používat

  1. Otevři stránku: všechny hodnoty se zobrazí hned, přečtené z tvého prohlížeče.
  2. Změň velikost okna, otoč telefon nebo tablet, nebo přetáhni okno na jiný monitor. Hodnoty se aktualizují živě.
  3. Tlačítkem Kopírovat jako text zkopíruješ všechny hodnoty jako seznam v prostém textu, vhodný pro hlášení chyby nebo žádost o podporu.

Co která hodnota znamená

Rozlišení obrazovky (CSS pixely) je velikost celé tvé obrazovky tak, jak ji vidí webové stránky. Na standardním monitoru při měřítku 100 % odpovídá skutečnému rozlišení monitoru. U displejů s vysokou hustotou je menší: notebook s panelem 2880 × 1800 při měřítku 200 % hlásí 1440 × 900.

Fyzické pixely (odhad) je rozlišení obrazovky vynásobené poměrem pixelů zařízení. Obvykle jde o nativní rozlišení panelu a nástroj pojmenuje běžná, například Full HD (1080p), QHD (1440p) nebo 4K UHD.

Poměr pixelů zařízení říká, kolik fyzických pixelů tvoří jeden CSS pixel. Hodnota 1 je klasický monitor, 1,25 nebo 1,5 je běžná u notebooků s Windows se škálováním displeje, 2 je typická pro Macy s Retina a 3 pro mnoho telefonů. Mění ji i zoom prohlížeče.

Viewport (plocha stránky) je část okna, kde se stránka vykresluje, bez lišt a karet. Právě na tuto velikost cílí webdesignéři responzivními rozloženími a media queries.

Dostupná obrazovka je obrazovka bez trvalých systémových oblastí, jako je hlavní panel Windows nebo horní lišta a Dock v macOS. Okno prohlížeče je vnější velikost okna včetně rámu a lišt.

Poměr stran je tvar obrazovky, například 16:9, 16:10 nebo ultraširokých 21:9. Orientace říká, zda je obrazovka na šířku nebo na výšku, s úhlem otočení, pokud ho prohlížeč hlásí.

Barevná hloubka je počet bitů na pixel: 24 bitů znamená 8 bitů na kanál a 30 bitů 10 bitů na kanál. Barevný gamut ukazuje nejširší rozsah, který podle prohlížeče obrazovka pokrývá: sRGB, Display P3 nebo Rec. 2020. Displej HDR říká, zda prohlížeč hlásí obrazovku s vysokým dynamickým rozsahem. Zoom štípnutím ukazuje úroveň přiblížení, když na dotykové obrazovce přibližuješ štípnutím.

Proč tě čísla mohou překvapit

Webové stránky nikdy nevidí skutečný hardware přímo. Operační systémy vše škálují, aby byl text čitelný i na hustých displejích, takže monitor 4K při měřítku 150 % se prohlížeči jeví jako obrazovka 2560 × 1440. Řádek Fyzické pixely (odhad) tento výpočet obrací. Je přesný při zoomu prohlížeče 100 %, ale prohlížeče zoom zpracovávají různě, proto před důvěrou ve výsledek obnov zoom klávesami Ctrl+0 nebo Cmd+0. U telefonů se může výsledek kvůli zaokrouhlení o několik pixelů lišit od udávaného rozlišení.

Pokud používáš více monitorů, hodnoty popisují ten, na kterém je okno prohlížeče právě umístěno.

Časté dotazy

Jaký je rozdíl mezi rozlišením obrazovky a viewportem?

Rozlišení obrazovky je velikost celého displeje. Viewport je jen plocha uvnitř okna prohlížeče, kde se stránka zobrazuje, takže se mění s velikostí okna.

Proč je moje rozlišení menší než specifikace monitoru?

Pravděpodobně je zapnuté škálování displeje. Vynásob hodnotu Poměrem pixelů zařízení a dostaneš fyzické rozlišení, které ukazuje řádek Fyzické pixely (odhad).

Proč se poměr pixelů zařízení mění při zoomu?

Zoom prohlížeče zvětšuje každý CSS pixel, takže se do něj vejde víc fyzických pixelů. Obnov zoom na 100 % a uvidíš poměr nastavený operačním systémem.

Pozná tento nástroj 10bitový monitor nebo HDR?

Ukazuje, co hlásí prohlížeč. Mnoho prohlížečů hlásí 24bitové barvy i u 10bitových panelů a HDR se zjistí, jen když je zapnuté v operačním systému.

Odesílají se někam moje informace?

Ne. Vše čte tvůj prohlížeč na této stránce a nic se neodesílá ani neukládá.

Související nástroje