Hur stor är min skärm?

Tre olika svar på samma fråga

Frågan om hur stor en skärm är rymmer i själva verket tre frågor, och sidan svarar på alla tre eftersom de nästan alltid blandas ihop.

• Upplösningen är antalet pixlar, exempelvis 1920 × 1080. Det är ett antal, inte ett mått, och två skärmar med samma upplösning kan vara olika stora.
• Visningsytan är den yta webbsidan faktiskt får måla på, alltså skärmen minus webbläsarens egna verktygsfält och systemets paneler.
• Den fysiska storleken är diagonalen i tum eller centimeter, och den enda av de tre som en webbläsare omöjligt kan känna till på egen hand.

Att den tredje inte går att läsa av är hela anledningen till att den här webbplatsen ber om en kalibrering. Ett bankkort mot glaset avslöjar tätheten, och med tätheten känd följer storleken av upplösningen.

Varför siffran skiljer sig från systeminställningarna

Den vanligaste förvirringen uppstår på skärmar med skalning. Windows med 150 % skalning rapporterar en 3840 pixlar bred bildskärm som 2560 mot webbsidor. En Mac med Retina-skärm gör samma sak med kvoten 2. Ingen av siffrorna är fel, de svarar bara på olika frågor: den ena räknar fysiska pixlar, den andra räknar de pixlar en layout arbetar i.

Sidan visar därför båda bredvid varandra, tillsammans med pixelkvoten som binder ihop dem. Det är samma skillnad som förklarar varför en skärmdump ofta är dubbelt så stor som det element du mätte i webbläsaren, något pixellinjalen går närmare in på.

Bildförhållande och orientering

Bildförhållandet skrivs ut i förenklad form, alltså 16:9 snarare än 1920:1080, eftersom det är så format brukar anges. De flesta bildskärmar och bärbara datorer är 16:9 eller 16:10, medan ultrabreda paneler ligger på 21:9 och äldre kontorsskärmar på 4:3. Telefoner är smalare än något av dem i stående läge, ofta kring 19,5:9.

Orienteringen läses av löpande, så vrider du en telefon eller surfplatta uppdateras siffrorna medan du tittar. Det gör sidan användbar för att kontrollera hur mycket bredd du faktiskt vinner på att vrida enheten innan du försöker mäta något långt med linjalen.

Pixeltäthet, och varför den avgör skärpan

Pixeltäthet mäts i pixlar per tum och avgör hur fin en skärm ser ut. Ungefärliga hållpunkter: en vanlig kontorsskärm ligger kring 110 PPI, en bärbar dator med hög täthet kring 220, och en modern telefon kan nå 460. Bortom ungefär 300 PPI på normalt läsavstånd slutar ögat att urskilja enskilda pixlar, vilket är varför ytterligare täthet syns allt mindre.

För den som formger spelar tätheten roll åt andra hållet också. En bild som exporteras i exakt den storlek layouten anger blir mjuk på en skärm med kvot 2, eftersom hälften av pixlarna saknas. Regeln är enkel: exportera i dubbel storlek och låt webbläsaren skala ner.

Vad sidan inte kan svara på

Storleken på en skärm som inte visar den här sidan går inte att läsa av. Har du flera bildskärmar gäller siffrorna den som fönstret står på. Färgdjup och panelteknik rapporteras inte alltid fullständigt av webbläsaren, och där uppgiften saknas står det uttryckligen att den saknas i stället för att en gissning presenteras som ett mätvärde.

Ingenting av det som visas här lämnar din enhet. Uppgifterna läses av webbläsaren, visas, och glöms bort när du stänger fliken. Det enda som sparas är kalibreringsvärdet, och det gör det på din egen dator.

Att välja skärm efter måtten

Den vanligaste anledningen till att någon slår upp en skärms fysiska mått är att den ska få plats någonstans. Diagonalen som anges i butiken hjälper då mindre än man tror, eftersom bredden är det som avgör om skärmen passar på skrivbordet och diagonalen inte översätts självklart till bredd.

Några hållpunkter för panelen i 16:9, exklusive fot och ram:

• 24 tum ger ungefär 53 cm bredd och 30 cm höjd;
• 27 tum ger ungefär 60 cm bredd och 34 cm höjd;
• 32 tum ger ungefär 71 cm bredd och 40 cm höjd.

En ultrabred panel i 21:9 bryter mönstret: 34 tum i det formatet är runt 80 cm bred men bara 34 cm hög, alltså bredare och lägre än en 32-tumsskärm i 16:9 trots att diagonalen är större. Det är den sortens jämförelse som blir uppenbar först när båda måtten står bredvid varandra.

Skalning, och varför texten ser olika stor ut

Två skärmar med samma upplösning kan visa text i helt olika storlek, och förklaringen är skalningen. Operativsystemet multiplicerar allt med en faktor för att kompensera för hög pixeltäthet, så att gränssnittet inte krymper till oläslighet på en tät panel.

Windows föreslår i regel 100 procent på en vanlig skärm, 125 eller 150 på en tät, och macOS gör motsvarande utan att kalla det vid namn. Följden är att den upplösning en webbsida ser sällan är den som står på kartongen, och det är precis den skillnaden tabellen på den här sidan gör synlig i stället för förvirrande. Ändrar du skalningen behöver kalibreringen göras om, eftersom förhållandet mellan CSS-pixlar och centimeter då har flyttat sig.

Har du flera bildskärmar gäller alla siffror den skärm fönstret står på just nu. Flyttar du fliken till en annan panel ändras både upplösning och pixelkvot, och kalibreringen följer inte med, eftersom den hör till en skärm och inte till webbläsaren. Det är värt att veta innan ett mått förs vidare från en skärm till en annan.