Tangkapan Layar App Store yang Menjual: Gaya & Spesifikasi

Ikon Anda yang memancing ketukan. Tangkapan layar Anda yang memenangkan instalasi. Begitu seseorang mendarat di halaman aplikasi Anda — App Store maupun Google Play — galeri tangkapan layar adalah elemen terbesar dan paling berisik di halaman itu, dan sebagian besar pengunjung mengambil keputusan instal-atau-pergi hanya dari apa yang terlihat tanpa perlu menggulir.

Artinya, tangkapan layar Anda bukan dokumentasi. Itu iklan. Tim yang memperlakukannya seperti papan reklame — teks tebal, warna brand, satu ide per bingkai — secara konsisten mengungguli konversi tim yang sekadar mengunggah tangkapan UI mentah lalu menganggapnya beres.

Berikut cara mendesain tangkapan layar app store yang menjual, apa saja yang sebenarnya diwajibkan kedua toko per Juli 2026, dan alur kerja potongan yang praktis untuk membangun komposisi hero seperti yang dipakai aplikasi papan atas.

Mengapa Tangkapan Layar Menentukan Instalasi

Menjelajah toko aplikasi itu kejam. Di App Store, beberapa tangkapan layar potret pertama Anda muncul langsung di hasil pencarian — pengunjung sudah menilai Anda sebelum sempat membuka halaman produk. Di halaman itu sendiri, hanya satu atau dua tangkapan layar pertama yang terlihat tanpa menggulir di sebagian besar perangkat.

Maka lahirlah aturan dua tangkapan layar pertama: manfaat terkuat dan pembeda terjelas Anda ditaruh di posisi satu dan dua. Bukan layar login. Bukan halaman pengaturan. Hal yang membuat orang berpikir "saya butuh ini" — ditunjukkan, bukan dijelaskan.

Semua yang datang setelah slot dua itu untuk segelintir orang yang mau menggulir. Berguna, tetapi hanya pemeran pendukung.

Gaya Tangkapan Layar Masa Kini

Telusuri deretan aplikasi teratas dan Anda akan menemukan bahasa visual yang sama di mana-mana, karena memang berhasil:

• Bingkai perangkat di atas background berwarna — UI-nya duduk di dalam mockup ponsel, melayang di atas kanvas warna brand yang berani, bukan memenuhi bingkai dari tepi ke tepi.
• Teks manfaat di bagian atas — pendek, besar, terbaca bahkan dalam ukuran thumbnail. "Catat setiap pengeluaran secara otomatis" jauh lebih kuat daripada "Tampilan dasbor".
• Satu pesan per bingkai — tiap tangkapan layar memperjuangkan tepat satu poin. Menjejalkan tiga fitur ke dalam satu gambar sama saja dengan tidak menyampaikan apa pun.
• Urutan yang bercerita — bingkai dibaca dari kiri ke kanan seperti pitch deck. Sebagian aplikasi membentangkan satu background panoramik melintasi semua bingkai untuk menarik penonton menyusuri galerinya.
• Subjek dunia nyata — orang, produk, atau hewan peliharaan yang dipotong lalu disusun di samping bingkai perangkat memberi nyawa yang tak bisa diberikan UI datar.

Spesifikasi, Terverifikasi per Juli 2026

Kedua toko menolak dimensi yang salah begitu file diunggah, jadi pastikan angkanya benar sebelum Anda mengekspor secara massal.

Apple App Store

• iPhone — satu set tangkapan layar untuk kelas layar 6,9 inci wajib ada; Apple akan menurunkan skalanya untuk perangkat yang lebih kecil. Ukuran potret standarnya 1320 x 2868 px (kelas ini juga menerima 1290 x 2796 dan 1260 x 2736).
• iPad — jika aplikasi Anda berjalan di iPad, set layar 13 inci wajib disertakan: 2064 x 2752 px potret.
• Batas dan format — 1 sampai 10 tangkapan layar per ukuran perangkat, hanya JPEG atau PNG, dan tanpa kanal alpha. Ratakan semuanya sebelum diunggah.

Google Play

• Jumlah — maksimal 8 tangkapan layar per jenis perangkat; minimal 2 agar bisa dipublikasikan.
• Dimensi — tiap sisi antara 320 dan 3.840 px, dan sisi yang lebih panjang tidak boleh lebih dari dua kali sisi yang lebih pendek.
• Format — JPEG atau PNG 24-bit tanpa alpha. Anda juga butuh feature graphic berukuran 1024 x 500 px.
• Syarat tampil di rekomendasi — Google meminta minimal 4 tangkapan layar beresolusi 1080 px atau lebih agar sebuah aplikasi memenuhi syarat untuk penempatan rekomendasi format besar.

Spesifikasi bergeser setiap kali perangkat keras baru dirilis, jadi periksa ulang dokumentasi App Store Connect dan Play Console sebelum rilis besar.

Alur Kerja Potongan untuk Tangkapan Layar Hero

Bingkai hero yang tersusun rapi itu — pelari yang seolah menerobos keluar dari bingkai perangkat aplikasi kebugaran, sneaker yang melayang di sebelah UI aplikasi jual-beli barang bekas — semuanya dibangun dari potongan. Alur kerjanya lebih sederhana daripada kelihatannya:

1. Ambil tangkapan layar UI yang bersih di perangkat asli atau simulator.
2. Potret atau cari foto lifestyle dari subjek Anda: pengguna, produk, makanan, hewan peliharaan.
3. Potong subjeknya dengan remover.bg — hapus background sambil menjaga rambut, bulu, dan tepi-tepi halus tetap utuh, dan itu penting ketika subjek Anda menimpa warna background yang mencolok.
4. Ekspor sebagai PNG dengan background transparan supaya bisa ditumpuk rapi di atas kanvas brand Anda; panduan PNG transparan kami membahas detail formatnya.
5. Susun di alat desain Anda — bingkai perangkat, potongan, teks — lalu tambahkan bayangan lembut di bawah subjek agar ia benar-benar berada di dalam adegan alih-alih melayang; lihat bayangan realistis untuk memahami bagaimana kedalaman membuat komposit terasa meyakinkan.

Logika penyusunan lapisan yang sama di balik potongan gambar untuk presentasi berlaku juga di sini: subjek di depan, pesan di atas, background bersih di belakang. Satu catatan yang layak diulang — transparansi itu bahan, bukan produk akhir. Kedua toko menolak file berkanal alpha, jadi ratakan hasil ekspor final Anda.

Lokalkan dan Uji Sebelum Anda Percaya pada Firasat

Dua pengganda kekuatan yang biasanya dilewatkan kebanyakan tim:

• Lokalisasi — kedua konsol menerima set tangkapan layar terpisah untuk tiap lokal. Simpan teksnya di lapisan tersendiri dalam file desain Anda supaya mengganti bahasa hanya butuh beberapa menit, bukan desain ulang. Teks yang diterjemahkan rutin mengungguli teks bawaan berbahasa Inggris di pasar non-Inggris.
• Pengujian A/B — Product Page Optimization milik Apple memungkinkan Anda menguji sampai tiga perlakuan alternatif melawan halaman Anda saat ini; Google Play menyediakan store listing experiments. Ubah satu variabel dalam satu waktu — pilihan kata pada teks, urutan bingkai pertama, warna background — kalau tidak, Anda tak akan tahu mana yang benar-benar berpengaruh.

Intinya

Bukalah dengan manfaat terkuat Anda di bingkai satu dan dua. Gunakan bingkai perangkat, teks tebal yang berani, dan subjek hasil potong di atas background berwarna brand. Penuhi spesifikasi pikselnya dengan tepat, ratakan transparansinya, dan biarkan pengujian A/B mengalahkan opini Anda. Tangkapan layar adalah iklan terakhir yang ditayangkan aplikasi Anda sebelum tombol instal — buat semuanya memperjuangkan tombol itu.