Gratis skärminformationsverktyg online. Kontrollera upplösning, DPI, bildförhållande, färgdjup på din skärm. Bearbetas i webbläsaren.
Tryck Ctrl+D för att bokmärka den här sidan
Skärmupplösningsverktyget är ett gratis onlineverktyg som visar din enhets skärmupplösning, viewport-storlek, DPR och färgdjup.
DPR är antalet fysiska pixlar per CSS-pixel. Ett DPR på 2 indikerar en Retina-skärm, vilket innebär att bilder bör vara 2x större för skarp visning.
Skärmupplösning är det totala antalet fysiska pixlar på din skärm, medan viewport är området där innehåll visas i webbläsaren, exklusive verktygsfält och rullningslister.
Att binda brytpunkter till specifika enhetsnamn garanterar att de går sönder så snart en ny modell släpps. Klipp i stället där själva layouten börjar se fel ut. I praktiken är 480, 768, 1024 och 1280 px vanliga utgångspunkter, men det är lättmemorerade tal snarare än regler. Dra långsamt ihop webbläsarfönstret och notera vid vilken bredd textraderna blir för långa eller ett kort trycks ihop; en brytpunkt satt just där håller betydligt längre.
För att en CSS-pixel är en enhet för upplevd storlek, inte en fysisk punkt. På en 4K-skärm inställd på 200 % skalning presenteras 3840 fysiska punkter som 1920 CSS-pixlar, och det är just detta som får text och ikoner att se tätare och skarpare ut. Enhetens pixelkvot blir då 2, så för att bilderna ska förbli skarpa måste du via srcset leverera en fil i dubbel visningsstorlek.