Skärmupplösning

📕 3 minuters läsning

Introduktion

En dators skärm har en skärmupplösning och ett bildförhållande. Du känner säkert till skärmupplösningen 1920 x 1080 och kanske att det är bildförhållandet 16:9. Det är viktigt att känna till då webbsidor används på många olika enheter (devices). Varje enhet har en skärm med tillhörande upplösning och bildförhållande.

På grund av tekniska begränsningar användes webben enbart från stationära datorer (desktop) tidigare men i takt med att tekniken utvecklats är nu mobila-enheter minst lika vanliga.

Tänk på

  • Att dina tekniska förutsättningar inte är allmängiltiga.
  • Testa alltid ditt arbete på flera enheter/inställningar.

Instruktioner

Eftersom enheters upplösning påverkar hur en webbsida ser ut är det viktigt att du känner till vilken upplösning din enhet har. Det är också viktigt att du känner till vilken upplösning dina användare har.

Statcounter

Bilden är hämtad från Statcounter och visar hur många enheter som använts för att besöka webbsidor under de senaste 12 månaderna. Det är tydligt att mobila enheter är mer populära än stationära datorer.

Vilken enhet använder du och vilken upplösning har den? Undersök både din dator och telefon.

Statcounter har information kring vilka upplösningar är vanligast. Undersök detta eftersom det är viktigt att känna till. Historiskt har upplösningen 1366 x 768 vart den vanligaste på stationära datorer, men det har ändrats globalt, men hur ser det ut i andra regioner än Sverige?

Även om användaren har en hög skärmupplösning, blir få gränssnitt bra med en fullskräms-bredd på 1920 pixlar.

Använd Statcounter för att undersöka vilken upplösning som är vanligast.

Uppgifter

Grundläggande uppgifter

Uppgift 1

Vad menas med skärmupplösning?

Uppgift 2

Vad menas med bildförhållande?

Tips

Testa att ändra upplösningen (i Windows eller i utvecklarverktygen) på din enhet och se hur det påverkar webbsidan. Prova att köra en upplösning som är vanligast i din region. Hur påverkar det webbsidan?

Många enheter är även inzoomade. Även om din enhet använder upplösningen 1920 x 1080 så kan din skärm vara inställd på 150% zoom. Det är relativt vanligt på laptops.

Det är viktigt att du känner till alla dessa faktorer för det påverkar din webbsida och de bilder du använder samt att du vet hur du kan justera inställningarna i ditt operativsystem och webbläsare.