Utilia
Kategorier ▾
Språk: sv ▾

Kontrollera skärmupplösning

Kontrollera skärmupplösning, viewport, pixelförhållande, fysiska pixlar, färgdjup och orientering direkt, med liveuppdatering när du ändrar storlek.

Skärmupplösning (CSS-pixlar)
–
Fysiska pixlar (uppskattning)
–
Pixelförhållande (device pixel ratio)
–
Viewport (sidans yta)
–
Tillgänglig skärmyta
–
Webbläsarfönster
–
Bildförhållande
–
Orientering
–
Färgdjup
–
Färgomfång
–
HDR-skärm
–
Nypzoom
–

Värdena uppdateras live när du ändrar fönstrets storlek, vrider enheten, zoomar eller flyttar fönstret till en annan skärm.

Fysiska pixlar uppskattas som skärmstorlek × pixelförhållande. Återställ webbläsarens zoom till 100 % (Ctrl+0 eller Cmd+0) för ett exakt värde.

Så använder du verktyget

  1. Öppna sidan: alla värden visas direkt, avlästa från din webbläsare.
  2. Ändra fönstrets storlek, vrid mobilen eller surfplattan, eller dra fönstret till en annan skärm. Värdena uppdateras live.
  3. Klicka på Kopiera som text för att kopiera alla värden som en ren textlista, praktiskt för en felrapport eller ett supportärende.

Vad varje värde betyder

Skärmupplösning (CSS-pixlar) är storleken på hela skärmen så som webbsidor ser den. På en vanlig bildskärm med 100 % skalning motsvarar den skärmens verkliga upplösning. På skärmar med hög pixeltäthet är den mindre: en laptop med en panel på 2880 × 1800 och 200 % skalning rapporterar 1440 × 900.

Fysiska pixlar (uppskattning) är skärmupplösningen multiplicerad med pixelförhållandet. Det är oftast panelens ursprungliga upplösning, och verktyget anger vanliga namn som Full HD (1080p), QHD (1440p) eller 4K UHD.

Pixelförhållande (device pixel ratio) anger hur många fysiska pixlar som utgör en CSS-pixel. Värdet 1 är en klassisk bildskärm, 1,25 eller 1,5 är vanligt på Windows-laptops med skalning, 2 är typiskt för Mac-datorer med Retina-skärm och 3 för många mobiler. Webbläsarens zoom ändrar också värdet.

Viewport (sidans yta) är den del av fönstret där sidan ritas, utan verktygsfält och flikar. Det är den storleken som webbdesigner utgår från med responsiva layouter och mediefrågor.

Tillgänglig skärmyta är skärmen minus permanenta systemytor som aktivitetsfältet i Windows eller menyraden och Dock i macOS. Webbläsarfönster är fönstrets yttre storlek, inklusive ram och verktygsfält.

Bildförhållande är skärmens form, till exempel 16:9, 16:10 eller 21:9 ultrawide. Orientering visar om skärmen är liggande eller stående, med rotationsvinkeln när webbläsaren rapporterar den.

Färgdjup är antalet bitar per pixel: 24 bitar betyder 8 bitar per kanal och 30 bitar betyder 10 bitar per kanal. Färgomfång visar det bredaste omfång som webbläsaren säger att skärmen täcker: sRGB, Display P3 eller Rec. 2020. HDR-skärm visar om webbläsaren rapporterar en skärm med högt dynamiskt omfång. Nypzoom visar zoomnivån när du nyper för att zooma på en pekskärm.

Därför kan siffrorna överraska

Webbsidor ser aldrig den verkliga hårdvaran direkt. Operativsystem skalar allt så att texten förblir läsbar på täta skärmar, så en 4K-skärm med 150 % skalning ser ut som en skärm på 2560 × 1440 för webbläsaren. Raden Fysiska pixlar (uppskattning) vänder på den beräkningen. Den är exakt vid 100 % zoom i webbläsaren, men webbläsare hanterar zoom olika, så återställ zoomen med Ctrl+0 eller Cmd+0 innan du litar på den. På mobiler kan resultatet skilja sig några pixlar från den angivna upplösningen på grund av avrundning.

Om du använder flera skärmar beskriver värdena den skärm som webbläsarfönstret just nu ligger på.

Vanliga frågor

Vad är skillnaden mellan skärmupplösning och viewport?

Skärmupplösningen är storleken på hela skärmen. Viewporten är bara ytan i webbläsarfönstret där sidan visas, så den ändras när du ändrar fönstrets storlek.

Varför är min upplösning mindre än skärmens specifikation?

Skalning är troligen påslagen. Multiplicera med Pixelförhållande (device pixel ratio) för att få den fysiska upplösningen, vilket är det som raden Fysiska pixlar (uppskattning) visar.

Varför ändras pixelförhållandet när jag zoomar?

Webbläsarens zoom gör varje CSS-pixel större, så att fler fysiska pixlar ryms i den. Återställ zoomen till 100 % för att se det förhållande som operativsystemet har ställt in.

Kan verktyget upptäcka en 10-bitars- eller HDR-skärm?

Det visar vad webbläsaren rapporterar. Många webbläsare rapporterar 24-bitars färg även på 10-bitarspaneler, och HDR upptäcks bara när det är aktiverat i operativsystemet.

Skickas min information någonstans?

Nej. Allt läses av din webbläsare på den här sidan och inget skickas eller sparas.

Relaterade verktyg