47 besökare, 1 medlem och 1 Student är online nu
Loopia

Webdesign och HTML

Bildskärmens upplösning

Många användare har idag tillgång till skärmar i storleken 17 tum, 19 tum eller 21 tum men fortfarande används 15 tums eller 17 tums skärmstorlek. Observera att en större bildskärmsyta betyder inte att man ser mer av sidans innehåll. Det är istället bildskärmens upplösning som har betydelse för hur mycket information som kan visas på skärmen. Upplösningen på en bildskärm uttrycks i enheten Pixlar. Fler pixlar innebär att mer information kan visas på en given yta.

En vanlig upplösning på bildskärmar är idag 1024x768 pixlar eller 1366x768 pixlar men för iPad och smartphones är upplösningen lägre. Om du använder någon av tjänsterna i avsnittet Visa webbplats i olika enheter » nedan kan du se villken upplösning olika enheter använder.

Nedan ser du några exempel på hur upplösningen påverkar utseendet på webbplatsen. Notera att bildskärmen ju alltid har sin fasta storlek men antalet pixlar som visas i bredd och höjd på den givna ytan varierar enligt exemplen nedan.

640x480 pixlar

800x600 pixlar

1024x768 pixlar

1280x1024 pixlar

 

Din egen skärmupplösning? Ändra upplösning så här

Här ser du vad du själv använder för bildskärmsupplösning!

Din bildskärms upplösning är:

För att ändra dina bildskärmsinställningar gör du så här i Windows 7:

  1. Välj Start-menyn och Kontrollpanelen.
  2. Välj att "Ändra bildskärmsupplösning":


  3. Välj upplösning och testa om den fungerar på din skärm med "Verkställ":

För att ändra dina bildskärmsinställningar gör du så här i Windows XP:

  1. Högerklicka på Skrivbordet.
  2. Välj menyn: "Egenskaper".
  3. Välj upplösning och testa om den fungerar på din skärm med "Verkställ":

 

Visa webbplats i olika enheter och fönsterstorlekar

En snabb metod för att simulera olika storlekar på arbetsytan som visar webbplatsen är att ändra storleken på webbläsaren. Det finns funktioner för detta inbyggda i moderna webbläsare men du kan också använda tjänster online för detta:

resizeMyBrowser.com »
Välj olika storlekar på webbläsaren och ange sedan adressen till den webbplats du vill testa.

quirktools.com/screenfly »
Ange adressen till webbplatsen och välj sedan enhet som Desktop, Tablet, Mobile, Television eller Custom Screen Size. Här kan du välja mellan olika modeller i enhetskategorierna.

responsivetest.net »
Ange adressen till webbplatsen och välj sedan enhet som Desktop, Tablet, Mobile, eller ange en egen Screen Size. Här kan du välja mellan olika modeller i enhetskategorierna.

responsinator.com »
Ange adressen till webbplatsen och den visas samtidigt i flera olika enheter, modeller och skärmupplösningar.