4 fotorealistische 3D-Geräterahmen, Gehäuseproportionen aus echten mm-Maßen.

Warum 4 statt 20

App Store Connect verlangt für moderne Einreichungen nur zwei Screenshot-Dimensionen: 6.9" iPhone (1320 × 2868) und 13" iPad (2064 × 2752). Apple skaliert automatisch für jede kleinere Klasse. Play will ein Smartphone und ein Tablet. Mokbi liefert deshalb die vier, die beide Stores vollständig abdecken: iPhone 16 Pro Max, iPad Pro 13", Galaxy S25 Ultra und Galaxy Tab S9 Ultra, das jeweils größte Modell der Klasse. Die meisten Generatoren bieten 20+ Geräterahmen, weil das in der Funktionsliste beeindruckender wirkt; weniger, exakte Geräterahmen bedeuten weniger Grenzfälle nach dem Motto „diese Proportion stimmt nicht ganz“ — und nichts, was du nicht brauchst.

Warum „realistisch“ zählt

App-Store-Screenshots werden nicht in voller Größe betrachtet — die meisten Nutzer scrollen an ihnen als 200-px-Thumbnails vorbei. Ein Geräterahmen, der auch nur leicht falsch proportioniert ist, wirkt in dieser Vorschau wie ein billiges Standardmockup. Die Gehäuseproportionen leiten sich aus den echten Gerätemaßen in Millimetern ab (iPhone 16 Pro Max ist 163,0 × 77,6 mm → 2,101), mit Displayrändern rund 5 % breiter als beim physischen Modell, damit das Gerät auch in Thumbnail-Größe eindeutig als Gerät lesbar bleibt.

Was du auswählen kannst

iPhone: 16 Pro Max (6.9").
iPad: Pro 13" (M4).
Android: Galaxy S25 Ultra (Smartphone), Galaxy Tab S9 Ultra (Tablet).

Auto vs. fixiert

Jede Geräteebene lässt sich auf Auto stellen (folgt der gewählten Exportgröße — wechselst du von iPhone 6.9" auf 6.5", passen sich Auto-Geräte entsprechend an) oder auf einen bestimmten Geräterahmen fixieren. Auto ist der Standard; fixier die Ebene, wenn ein Panel ein bestimmtes Modell benötigt, damit das Design stimmig wirkt (z. B. eine iPad-exklusive Funktion neben iPhone-Panelen zeigen).

Neigung und Tiefe

Jedes Gerät ist ein fotorealistisches 3D-Modell (GLB-Format), das live im Browser über WebGL gerendert wird. Neigung auf der X- und Y-Achse; Beleuchtung, Reflexionen und Schatten reagieren in Echtzeit. Anders als bei SVG-Perspektiv-Tricks rotierst du ein echtes Mesh — das Ergebnis hat dieselbe Qualität wie ein professionelles 3D-Rendering, direkt aus dem Browser ohne zusätzlichen Exportschritt.

Wenn neue Geräte dazukommen

Mokbi fügt Geräte hinzu, wenn Apple oder Google eine neue Klasse einführt, die Screenshot-Dimensionen wirklich verändert (z. B. eine neue iPad-Pro-Größe). Neue Geräte werden nicht hinzugefügt, nur um die Funktionsliste aufzublähen — das treibt den Wartungsaufwand hoch, ohne zu ändern, was du in die Stores einreichen kannst.

Mockup-Generatoren je Gerät

Jeder Geräterahmen hat seine eigene Generator-Seite — Spezifikationen, die genaue Screenshot-Größe, eine Schritt-für-Schritt-Anleitung und häufige Fehler bei diesem Gerät:

Editor öffnen →