Computer, Laptops, Tablets und Smartphones

Die Bildschirmgröße der Endgeräte spielt für eine Webdesign Agentur eine wichtige Rolle, da eine Website für alle Größen passend erstellt werden muss. Dies ist aufgrund der Usability (Benutzbarkeit) wichtig. Da der Bildschirm eines Computers in die Breite und der Bildschirm eines Tablets oder Smartphones in die Länge geht, muss das Design verändert werden, damit die Breite der Webseite für die Nutzer bei beiden Geräten auf einem Blick erfasst werden kann, sodass man in beiden Fällen nur nach unten und nicht zusätzlich zur Seite scrollen muss.

Messung der Bildschirmgrößen

Die Größe eines Bildschirms wird anhand der Bildschirmdiagonale gemessen. Diese reicht von der oberen linken Ecke zur unteren rechten Ecke des Displays. Die Bildschirmdiagonale gibt man üblicherweise in Zoll an. In manchen Fällen ist auch die Anzahl der Pixel innerhalb einer Bildschirmgröße wichtig, denn diese definiert in welcher Auflösung das Bild angezeigt wird.

Bildschirmauflösung

Die Auflösung des Displays ist für die Erkennbarkeit von Details und Klarheit der Darstellung entscheidend. Um die Bildschirmauflösung anzugeben, wird die Anzahl der Pixel der Länge im Verhältnis zur Anzahl der Pixel der Breite genommen. Je nach Größe des Displays, gilt ab einem bestimmten Wert die Auflösung als HD (High Definition). Dies bedeutet, dass das Bild sehr scharf und naturgetreu dargestellt wird und die Pixel überhaupt nicht erkennbar sind. Eine noch bessere Auflösung als HD findet man im Format 4K.

Responsive Webdesign

Hierbei wird Layout einer Website für alle Endgeräte und Bildschirmgrößen angepasst.

Copyright Hinweis: © Fotolia.com/georgejmclittle

Anzahl der Pixel bei verschiedenen Bildschirmgrößen:

  • 320 Pixel: Smartphones im Hochformat
  • 480 Pixel: Ein kleines Display, ebenfalls Smartphones Querformat
  • 600 Pixel: kleinere Tablets
  • 768 Pixel: Tablet, z.B. iPad, im Hochformat
  • 1024 Pixel: iPad im Querformat und einige Laptops
  • 1200 Pixel: mittelgroße Monitore

Die Zahlen sind lediglich ungefähre Angaben an denen man sich nicht strikt halten muss, da die Größe verschiedener Smartphones und Tablets variiert.

© Pichsakul – stock.adobe.com