4 fotorealistische 3D device frames, body-ratios afgeleid van echte mm-afmetingen.

Waarom 4 en niet 20

App Store Connect vereist slechts twee screenshot-afmetingen voor moderne submissions: 6.9" iPhone (1320 × 2868) en 13" iPad (2064 × 2752), en Apple schaalt automatisch voor elke kleinere klasse. Play wil een telefoon en een tablet. Daarom levert Mokbi de vier die beide stores volledig dekken: iPhone 16 Pro Max, iPad Pro 13", Galaxy S25 Ultra en Galaxy Tab S9 Ultra, de grootste van elke klasse. De meeste generators leveren 20+ frames omdat dat indrukwekkender oogt in een feature-lijst; minder, exacte frames betekent minder randgevallen van "deze body-ratio klopt net niet" en niets wat je niet nodig hebt.

Waarom "realistisch" ertoe doet

App Store-screenshots worden niet op volledige grootte bekeken — de meeste gebruikers scrollen erlangs als 200-px thumbnails. Een frame dat ook maar iets buiten proportie is, oogt als een "nep-stocksjabloon" in dat thumbnail. De body-ratios zijn afgeleid van de echte apparaatafmetingen in millimeters (iPhone 16 Pro Max is 163.0 × 77.6 mm → 2.101), met bezels die bewust zo'n 5% dikker zijn gehouden dan het fysieke model zodat het apparaat herkenbaar blijft op thumbnailformaat.

Wat je kunt kiezen

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

Auto vs. vastgezet

Elke device-laag kan worden ingesteld op Auto (volgt het exportformaat dat je hebt geselecteerd — schakel je van iPhone 6.9" naar 6.5", dan passen devices op Auto zich aan) of vastgezet op een specifiek frame. Auto is de standaard; zet de device-laag vast op een specifiek frame als een paneel een specifiek model nodig heeft zodat het ontwerp goed leesbaar is (bijv. een iPad-only feature naast iPhone-panelen).

Kanteling en diepte

Elk device is een fotorealistisch 3D-model (GLB-formaat) dat live in de browser wordt gerenderd via WebGL. Kanteling op de X- en Y-as; belichting, reflecties en schaduwen reageren in real time. In tegenstelling tot SVG-perspectiefsimulaties draai je een echt mesh — het resultaat heeft dezelfde kwaliteit als een professionele 3D-render, direct vanuit de browser zonder extra exportstap.

Wanneer er meer devices komen

Mokbi voegt devices toe wanneer Apple of Google een nieuwe klasse uitbrengt die de screenshot-afmetingen daadwerkelijk verandert (bijv. een nieuwe iPad Pro-maat). Nieuwe devices worden niet toegevoegd alleen om de feature-lijst langer te maken — dat verhoogt de onderhoudskosten zonder iets te veranderen aan wat je naar de stores kunt sturen.

Mockupgenerators per device

Elk frame heeft een eigen generatorpagina — specificaties, de exacte screenshot-afmeting, een stapsgewijze how-to en veelgemaakte fouten voor dat device:

Editor openen →