Die Screen Size Map.

Wir haben eine interaktive Grafik entwickelt, die alle gängigen Screen-Größen übersichtlich darstellt. Sie ist hilfreich bei der Planung und Erstellung von Responsive Web Design.

Die Map ist die erste Darstellung ihrer Art in Device-Independent-Pixel.

Device Independent Pixel

Bildschirme kommen in verschiedenen Auflösungen, wie zum Beispiel Retina, HD oder 4K. Die Screen Size Map nutzt die Größeneinheit »Device-Independent-Pixel« (dp).
Diese Einheit bezieht sich nicht auf die Auflösung eines Screens. Stattessen ist DP eine Einheit die unabhängig von der Auflösung eines Bildschirm die Größen übergreifend für allen Geräten festlegt. Daher wird sie gern von Designern und Frontend-Entwicklern genutzt.

Screen-Größen-Gruppen

Wir haben Bildschirmgrößen zur besseren Visualisierung gruppiert. Diese Gruppen müssen nicht zwangsläufig als Breakpoints in einem responsiven Design verstanden werden.

Extra-Extra-Large min 1441 Extra-Large 1025 - 1440 Large 801- 1024 Medium 601 - 800 Small 415 - 600 Extra-Small max 414