
Liste der Display-Größen mobiler Endgeräte
Ein Handy-Display ist kleiner, als ein Desktop-Bildschirm. Stimmt. Fast. Denn Smartphones beherbergen zunehmend mehr Pixel in ihren kleinen Displays, was zu einem Problem für Webdesigner wird, die z.B. ein adaptives Layout – abhängig von der Pixelbreite des Browsers – ausgeben wollen.
Pixel vs. Bildschirmgröße
Die Zeiten in denen Bildschirme 72dpi hatten und man somit ungefähr von der Breite in Pixeln auf die metrische Ausgabe seines Screendesigns schließen konnte sind ja bereits seit Apples MacBooks mit 113dpi Geschichte. Nun kommt aber beispielsweise das iPhone4 mit stolzen 326dpi daher (640 x 960 Pixel bei nur 3,5″ Displaygröße) und hat somit bereits mehr Pixel, als manches Tablet im Portrait-Modus (z.B. Galaxy Tab: 600 x 1024 Pixel bei 7″ und 171dpi). Eine Fläche von 10×10 Pixeln ist also auf dem iPhone nur halb so groß, wie auf dem Tablet bei gleichem Zoomfaktor.
Die große Liste der Wahrheit
Im Laufe einiger Projekte mit responsive Laouts (dabei wird mittels CSS3 Media-Querys, abhängig von der Browserbreite in Pixeln, ein angepasstes Layout geladen) habe ich eine Liste angefangen, die mir einen Überblick über die diversen Bildschirmformate und -größen liefert. Sortiert nach metrischer Größe (der Bildschirmdiagonalen) ergibt sich so eine Matrix in der abgelesen werden kann, auf welche Pixelgrößen man sich konzentrieren kann.
Ich stelle die Liste hier zur Verfügung, weil ich mir nicht vorstellen kann, dass ich der einzige bin, der vor dem Problem gestanden ist:
Diese Liste wird ständig weitergeführt und hier immer aktuell dargestellt – wenn ein wichtiges Gerät vermisst wird, hinterlasst bitte einen Kommentar und ich nehme es gerne auf.
// Trackback URL
// Kommentare als RSS 2.0
8 Kommentare zu "Liste der Display-Größen mobiler Endgeräte"
Liste der Display-Größen mobiler Endgeräte: Ein Handy-Display ist kleiner, als ein Desktop-Bildschirm. … http://bit.ly/iJI7dw (@Tocki)
Liste der Display-Größen mobiler Endgeräte: Ein Handy-Display ist kleiner, als ein Desktop-Bildschirm. … http://bit.ly/iJI7dw (@Tocki)
Vielen Dank dafür!
Noch eine Anmerkung: Kannst du die Tabelle sortierbar machen, bspw. nach Name, damit man sieht, in welchem Rahmen sich z.B. Nokia- oder Samsung-Geräte befinden?
Hey Daniel,
schöne Idee – ich werd das aufgreifen.
Praktisch wenn ihr mit CSS-Media-Querys arbeiten wollt: Liste der Display-Größen mobiler Endgeräte http://bit.ly/mi0UYE #webwork #webdesign
Mein Held! Danke für diese super Sammlung!
Hi, das ist eine tolle Liste. Hast Du dazu ein Update?
Das wäre super!!!
Danke
Samsung Galaxy SIII (Smartphone) 1280×720
Galaxy Nexus (Smartphone) 1280×720
Nexus 7 (Tablet) 1280×800
Nexus 4 (Smartphone) 1280×768
Nexus 10 (Tablet) 2560×1600
Nexus 7 (2. Gen., Tablet) 1920×1200