9 bingkai perangkat 3D foto-realistis, rasio bodi dari dimensi mm nyata.

Kenapa 9 bukan 20

App Store Connect hanya membutuhkan dua dimensi tangkapan layar untuk submission modern: iPhone 6.9" (1320 × 2868) dan iPad 13" (2064 × 2752). Apple melakukan penskalaan otomatis untuk semua kelas yang lebih kecil. Kebanyakan generator menyertakan 20+ bingkai karena terlihat lebih mengesankan di daftar fitur; kami menghadirkan sembilan yang mencakup kebutuhan submission nyata dan beberapa padanan Android. Lebih sedikit bingkai berarti lebih sedikit kasus tepi rendering "rasio bodi ini sedikit meleset".

Kenapa "realistis" itu penting

Tangkapan layar App Store tidak dilihat dalam ukuran penuh — kebanyakan pengguna menggulirnya sebagai thumbnail 200 px. Bingkai yang proporsinya sedikit saja meleset tampak sebagai "templat stok palsu" di thumbnail itu. Rasio bodi kami berasal dari dimensi perangkat nyata dalam milimeter (iPhone 16 Pro Max adalah 163,0 × 77,6 mm → 2,101), lalu bezel dibuat sekitar 5% lebih tebal dari model fisik agar perangkat terbaca sebagai perangkat di ukuran thumbnail.

Yang bisa kamu pilih

iPhone: 16 Pro Max (6.9"), 16 Pro (6.3"), 16 Plus (6.7"), 16.
iPad: Pro 13" (M4), Pro 11" (M4).
Android: Pixel 10 Pro, Galaxy S25 Ultra, Galaxy Tab S9 Ultra.

Auto vs ditetapkan

Setiap lapisan perangkat bisa diatur ke Auto (mengikuti ukuran ekspor yang kamu pilih — ganti dari iPhone 6.9" ke 6.5" dan perangkat Auto ikut berubah bentuk) atau ditetapkan ke bingkai tertentu. Auto adalah default; tetapkan ketika sebuah panel membutuhkan model tertentu agar desain terbaca benar (misalnya, menampilkan fitur khusus iPad di samping panel iPhone).

Kemiringan dan kedalaman

Setiap perangkat adalah model 3D foto-realistis (format GLB) yang dirender langsung di browser melalui WebGL. Miringkan pada sumbu X dan Y; pencahayaan, pantulan, dan bayangan merespons secara real time. Berbeda dengan trik perspektif SVG, kamu memutar mesh yang sesungguhnya — hasilnya memiliki ketajaman yang sama dengan render 3D profesional, disajikan seketika dari browser tanpa langkah ekspor terpisah.

Saat perangkat baru tiba

Kami menambahkan perangkat ketika Apple atau Google merilis kelas baru yang benar-benar mengubah dimensi tangkapan layar (misalnya, ukuran iPad Pro baru). Kami tidak menambah perangkat hanya untuk memperbesar daftar fitur — itu menambah biaya pemeliharaan tanpa mengubah apa yang bisa kamu kirim ke toko.

Generator mockup per perangkat

Setiap bingkai memiliki halaman generator tersendiri — spesifikasi, ukuran tangkapan layar yang tepat, panduan langkah demi langkah, dan kesalahan umum untuk perangkat itu:

Coba editor →