GRAFIKER

Når vi koder tager programmøren stilling til følgende størrelser.

Alle størrelser er for bredden, da siden højde jo altid varierer afhængig af sidens indhold.

 

Hd-opløsning (typisk brugt på en stationær 24 tommer skærm)
Det er meget få sites som bliver optimeret til denne store skærmstørrelse

1920 px

 

Typisk bærbar skærm og oftes brugt som den primære størrelse

1280 px

 

Tablet liggende

1024 px

 

Tablet stående

768 px

 

Mobil liggende

640 px

 

Mobil stående

320 px

 

 

Nogle gange får vi blot ét design, som så laves til en opløsning på 1200px. Programmøren gætter så på hvordan det skal vises i de mindre opløsninger f.eks. om en spalte skal undlades på mobilen.

Hvis vi vil sikre hvad der bliver vist på de forskellige platforme,  så skal vi have den grafiske opsætning inden programmeringen påbegyndes. Ellers er det programmøren som bestemmer.

 

På de mindre opløsninger. Alt under 1024px anvendes der ofte en mobilmenu, som vi skal bruge et design på.

 

Vi har her et par eks. på nogle responsive sites.

Bemærk at de ovenstående størrelser er bredden på selve indholdet på hjemmesiden. Topbanner og andet grafik kan godt laves så det fylder hele bredden.

 

http://www.scanleasing.com

 

https://www.paypal.com/dk/webapps/mpp/merchant