Skip to main content

Webdesign och skärmstorlek eller upplösning

Teachers, Editors, Businessmen, Publishers, Politicians, Governors, Theologians (1950s Interviews) (April 2025)

Teachers, Editors, Businessmen, Publishers, Politicians, Governors, Theologians (1950s Interviews) (April 2025)
Anonim

Webbupplösning är en stor sak. Många webbplatser som lär webdesign har skrivit om det och beroende på vem du tror ska du utforma sidor för den lägsta gemensamma nämnaren (640x480), den vanligaste upplösningen (800x600) eller den mest avancerade (1280x1024 eller 1024x768). Men sanningen är att du ska utforma din webbplats för de kunder som kommer till den.

Fakta om skärmupplösningar

  • 640x480 är inte död
  • Medan 640x480 inte är lika vanligt som det brukade är denna resolution fortfarande kvar. Äldre datorer, bärbara datorer med mindre skärmar, netbooks och personer som behöver större typsnitt använder alla denna upplösning. Även om du väljer att inte utforma din sida till den här resolutionen bör du testa din webbplats i den här resolutionen.
  • 800x600 är mycket vanligt
  • Många webbdesignguider rekommenderar att du utformar webbplatser för 800x600 upplösning. Medan denna upplösning är vanligare på webben som helhet, kan detta inte vara fallet för dina kunder. Om du planerar att omkonstruera din webbplats, ta några veckor för att analysera din webbläsarstatistik för att bestämma de vanligaste resolutionerna som används av din kunder.
  • 1024x768 är mycket vanligare
  • Skärmarna blir större och 1024x768 är den andra populära storleken att designa för eftersom många designers har bildskärmar som stöder detta inhemskt. Men denna upplösning kan vara ganska svår att läsa för många människor. En 14-tums bärbar bildskärm kan stödja 1024x768, men texten är nästan oläslig. Och bärbara datorer är väldigt populära.
  • 1280x1024 och större är mindre vanliga
  • För det mesta ser du dessa större upplösningar på stationära datorer eller avancerade bärbara datorer. Men ofta i dessa större storlekar går inte kunderna på fullskärm. Så att utforma en webbplats som är bredare än 1000 pixlar kommer att orsaka horisontella rullningsfält på de flesta skärmar.

Håll dessa upplösningslustar i åtanke

  • Inte alla maximerar webbläsaren
  • Om du bestämmer att dina kunder bläddrar på 1024x768, kan du bygga sidor som kräver horisontell rullning. Varför? Eftersom de surfar på den upplösningen, maximerar de inte deras webbläsarfönster, så 800x600 kanske passar deras webbläsarfönster bättre.
  • Glöm inte webbläsarens krom (inte Google Chrome-webbläsaren)
  • Webbläsare subtraherar så mycket som 50 pixlar till höger och vänster, och 200 pixlar på toppen och botten för egen användning för saker som scrollbars, verktygsfält och fönstret i fönstret. Detta kallas webbläsarkrom. Så om du skapar en tabell som är 800 pixlar bred, måste kunder med maximerade webbläsare på 800x600 upplösningsskärmar bläddra horisontellt.

Hur hanterar du skärmens storlek baserat på upplösning

  1. Bestäm vem som visar din webbplats: Granska dina webbloggfiler, eller lägg upp en undersökning eller ett manus för att bestämma vilken upplösning dina läsare faktiskt använder. Använd det verkliga webbläsarsstorleken för att spåra dina läsare.

  2. Basera dina redesigns på dina kunder:När du redesignar din webbplats bygger du den utifrån fakta på din webbplats. Inte basera det på statistiken på "webben" eller vilka andra webbplatser säger. Om du bygger en webbplats som passar den upplösning dina kunder använder, kommer du att hålla dem mycket lyckligare.

  3. Testa din webbplats vid olika upplösningar:Ändra din egen skärmstorlek (ändra din Windows-skärmupplösning eller din Macintosh-skärmupplösning) eller använd ett testverktyg.

  4. Förvänta dig inte att dina kunder ändras: De kommer inte. Och att begränsa dem bara uppmuntrar dem att lämna.