Aturan Ikon Aplikasi: Kanal Alpha dan Ukuran di Dua Store

Anda punya satu logo dan dua app store, dan file yang memuaskan Apple bukanlah file yang diminta Google. Masalahnya muncul di saat terburuk: build sudah selesai dan unggahannya terus gagal gara-gara kanal alpha.

Apple minta ikon persegi 1024x1024 dengan background yang tidak transparan. Play minta PNG 32-bit 512x512 yang secara teknis mendukung alpha tetapi, menurut spesifikasi desain Google sendiri, sebaiknya tidak memakainya. Dan tak satu pun store menginginkan file yang tampak sudah jadi — keduanya menerapkan sudut dan efeknya sendiri setelah unggah. Berikut apa yang diminta masing-masing store, dan cara mendapatkan kedua file dari satu logo.

Apple: 1024 Piksel, Persegi, Tanpa Bagian Tembus Pandang

Human Interface Guidelines milik Apple mencantumkan ukuran tata letak ikon aplikasi untuk iOS, iPadOS, dan macOS sebagai 1024x1024 px, persegi, dalam sRGB, Gray Gamma 2.2, atau Display P3. Jalur yang kini disukai Apple adalah Icon Composer — Anda mengimpor lapisan foreground dan menentukan background di dalam alatnya — tetapi gambar yang sudah diratakan tetap diperbolehkan: lapisan memberi kontrol lebih, bukan kewajiban.

Pendaftar pemula biasanya terhenti di urusan background. Instruksi Apple untuk lapisan background yang diimpor sangat blak-blakan: buat full-bleed dan tidak transparan. PNG 1024px dengan background transparan bukan ikon App Store yang valid — unggah satu saja dan App Store Connect mengembalikan ITMS-90717: ikon App Store tidak boleh transparan atau mengandung kanal alpha. Varian tampilan gelap adalah satu-satunya pengecualian: Apple justru meminta Anda menyerahkannya dengan background transparan agar background bawaan sistem terlihat menembusnya. Di semua tempat lain, tentukan warna apa yang duduk di belakang logo Anda lalu tanam langsung ke dalam filenya.

Platform Apple lainnya mengubah ukuran tata letaknya: watchOS 1088x1088 dan visionOS 1024x1024, keduanya di-mask melingkar, dan tvOS lanskap 800x480. Metodenya pun berubah: ikon tvOS dan visionOS dirakit sebagai tumpukan gambar berlapis di Xcode, bukan di Icon Composer.

Google Play: 512 Piksel, Alpha Diizinkan, Transparansi Tetap Keliru

Ikon listing store di Play adalah PNG 32-bit dengan alpha, 512x512 px, sRGB, maksimum 1024KB. Baca itu saja, dan hasil potong transparan yang sudah Anda punya tampak baik-baik saja.

Spesifikasi desain ikon Google menutup pintu itu: aset transparan akan menampilkan warna background antarmuka Google Play. Logo Anda lalu mengambang di permukaan apa pun yang dirender Play, dan logo gelap lenyap di mode gelap. Saran Google: pilih warna background yang sesuai dengan brand Anda.

Dua aturan Play lagi: tanpa lencana atau teks yang menyiratkan peringkat, harga, atau kategori Play, dan ikon listing store terpisah dari ikon launcher di perangkat. Ikon adaptif itu memakai lapisan 108x108 dp, dan hanya bagian dalam 66x66 dp yang dijamin tidak akan pernah terpangkas oleh mask OEM.

Mendapatkan Kedua File dari Satu Logo

Kedua file berangkat dari hal yang sama: logo Anda, terpisah bersih dari apa pun yang tadinya menopangnya. Jika logo Anda hanya ada sebagai JPEG dari supplier atau foto alat tulis kantor yang tercetak, potong dulu sehingga bentuknya terisolasi dengan kanal alpha sungguhan. remover.bg mengangkat logo dari backgroundnya dan membiarkan Anda meletakkannya di atas warna solid atau warna brand kustom di editor — langkah meratakan yang diminta Apple.

Urutan yang berhasil:

1. Hapuslah backgroundnya sehingga logo berdiri sendiri. Periksa tepinya di atas warna gelap, bukan putih — garis tipis dan serif menyembunyikan cacatnya di pratinjau putih.
2. Setel background ke warna brand Anda dan ekspor sebuah PNG. Simpan juga versi transparannya, untuk press kit dan favicon.
3. Di aplikasi desain Anda sendiri, letakkan PNG itu di kanvas persegi dan ekspor pada 1024x1024 untuk Apple dan 512x512 untuk Play. Urusan ukuran ada di sana, bukan di penghapus background.

Untuk logo hasil pindaian atau jepretan kamera, cara menghapus background logo membahas kasus-kasus sulitnya, dan panduan PNG transparan menjelaskan mengapa file master itu layak disimpan.

Biarkan Store yang Menggambar Sudut dan Bayangannya

Play sangat spesifik soal ini: sudutnya dibulatkan sendiri dengan radius 30% dari ukuran ikon, bayangannya ditambahkan sendiri setelah unggah, dan Anda diminta meniadakan keduanya. Apple me-mask persegi Anda menjadi persegi panjang membulat milik sistem dan menerapkan highlight, refraksi, dan translusensi versinya sendiri, sambil memperingatkan bahwa lapisan yang sudah di-mask lebih dulu merusak efek-efek itu dan membuat tepi tampak bergerigi.

Jadi: tanpa sudut yang sudah dibulatkan, tanpa bayangan, tanpa bevel, tanpa glow. Aturan menahan diri itu khusus berlaku untuk ikon — pada foto produk, justru bayangan kontak yang realistis yang mencegah barangnya tampak seperti tempelan.

Karena kedua store menerapkan mask, jaga bagian penting logo tetap di tengah. Panduan Apple: pusatkan konten utama agar masking tidak bisa memotongnya. Grid keyline Play bekerja berbeda dari anggapan banyak orang: ia panduan penempatan, bukan batas. Instruksi Google adalah mengisi seluruh aset dengan artwork bila memungkinkan, dan baru mundur ke keyline saat bentuk di sekeliling logo memang esensial bagi brand. Beri padding pada persegi itu karena kelewat hati-hati, dan ikon Anda akan tampil jelas lebih kecil daripada semua listing di sebelahnya.

Yang benar-benar dimakan radius 30% adalah sudut-sudutnya, jadi wordmark yang didorong sampai ke sana kehilangan ujung-ujungnya. Pada mask melingkar watchOS dan visionOS, wordmark yang membentang dari tepi ke tepi langsung kehilangan huruf pertama dan terakhirnya.

Sebelum Anda Mengunggah

• Apple: PNG 1024x1024, persegi, sepenuhnya tidak transparan, sudut dibiarkan tajam.
• Play: PNG 32-bit 512x512, maksimum 1024KB, background berwarna brand alih-alih transparansi, sudut dibiarkan tajam.
• Artwork dan warna yang sama di kedua store: pengguna harus mengenali satu aplikasi, bukan dua.
• Pratinjau keduanya pada ukuran thumbnail. Detail yang terbaca di 1024 lenyap di 40 piksel.

Bereskan ikonnya sekali, dan ia tetap beres untuk setiap rilis setelah ini.