Mäta pixlar på skärmen i Windows

Kort svar: Windows har ingen linjal på skärmen. DevTools mäter i webbläsaren, bildredigerare på sin egen yta — för allt annat använd ett gratis verktyg som Skärmlinjal: rikta in nollkanten, dra markören, läs av avståndet i pixlar och lägg fönstret som spöke över gränssnittet du mäter.

Varför man vill mäta på skärmen

• Skriva CSS: är sidopanelen 320 px eller 300 px? Mät i stället för att gissa och sätt brytpunkten rätt.
• Tillgänglighet: tryckytor bör vara minst 44×44 px — linjalen verifierar båda måtten på sekunder.
• Designgranskning: jämföra avstånd i en mockup mot den levande sidan, på den pixelnivå formgivare bråkar om.
• Presentationer och tryck: kontrollera vilken yta en bild får ta vid projektorns upplösning.
• Nyfikenhet med konsekvenser: ”hur brett är det här fönstret egentligen?” — innan du skriptar något för det.

Metod 1: webbläsarens verktyg (bara i webbläsaren)

F12 → Inspect → håll muspekaren över ett element för att se dess box-modell. Perfekt för DOM:en — oanvändbart för en videospelare, ett skrivbordsprogram, en skärmbild i en visare eller ditt eget fönster.

Metod 2: Skärmlinjal — mäter vad som helst, var som helst

Ladda ner gratis — ScreenRuler-Setup.exe

1. Rikta in nollan. Sätt linjalens vänstra kant (vågrätt läge) eller överkant (lodrätt) där mätningen börjar.
2. Dra markörlinjen till andra ändan; finslipa med piltangenterna — 1 px per tryck, Shift för ×10. Knappen ”Återställ markören” sätter den tillbaka till noll.
3. Gör den till ett spöke: opacitet på 40 % plus ”Alltid överst” lägger den genomskinliga linjalen direkt över elementet i fråga. Läs av det stora värdet — ≈ 482 px.

Om noggrannhet

En linjalenhet är en skärmpixel — samma px som CSS talar — vid 100 % skärmskalning. Vid högre Windows-skalning är allt på skärmen, inklusive dina mätningar, i skalade pixlar; behöver du oskalade siffror, jämför vid 100 %. Webbläsarens zoom ändrar vad du mäter: mät vid 100 % zoom.

Vanliga frågor

Kan jag mäta ett diagonalt avstånd?

Nej — mät den omslutande rutan i stället (bredd i vågrätt läge, höjd i lodrätt): det är vad layoutsystem använder ändå.

Fungerar det på vilken skärm eller skalning som helst?

Fönstret flyttas till vilken skärm som helst och mäter den skärmens pixlar; skalningen beter sig som beskrivits ovan.

Vad skiljer det från ”skärmbild + redigerare”?

Snabbhet och sanning: inget steg för att ta en skärmbild, inga zoomfel — du mäter den levande skärmen precis som den renderas just nu.