Gambar sumbernya sebaiknya seperti apa?
Mulailah dari tanda sederhana yang tetap mudah dikenali di ukuran kecil. SVG transparan atau PNG transparan berukuran besar memungkinkan generator memisahkan artwork-mu dari latar warna solid. Foto bisa menghasilkan ikon flat yang layak pakai, tapi persegi panjangnya yang tidak transparan juga menentukan bentuk siluet monokromnya. Menaikkan dimensi output tidak akan memunculkan detail yang memang tidak ada di file yang diunggah.
Buka pembuat ikon aplikasi, unggah SVG, PNG, JPEG, WebP, atau HEIC, lalu pilih Android, iOS, atau keduanya. Isi nama resource seperti ic_launcher, warna latar, dan padding per sisi. ZIP-nya hanya berisi platform yang dipilih beserta catatan impor. Unduhannya privat, dan hasil yang sudah kamu buka sudah termasuk; halaman alatnya mencantumkan harga terkini untuk unggahanmu sendiri.
Salah satu logo contoh kami (kiri) dan hasil buatan alat ekspor darinya: ikon iOS, ikon adaptif Android seperti yang ditampilkan launcher berbentuk bulat, dan favicon yang diperbesar.
Apa isi paket Android?
Paketnya berisi PNG mipmap lama berukuran 48, 72, 96, 144, dan 192 piksel, gambar Play Store 512 piksel, dan XML ikon adaptif. Artwork foreground ditempatkan di kanvas transparan 432 piksel yang mewakili 108 dp pada xxxhdpi. Tandanya dimuat di dalam area aman 66 dp di bagian tengah sebelum padding pilihanmu ditambahkan. Dengan begitu, mask launcher punya ruang tanpa membuat artwork penting menempel di tepi kanvas.
Resource adaptif ada di direktori API 26. Varian API 33 menambahkan layer monokrom. PNG foreground dan monokrom ada di drawable-xxxhdpi; resource lama tetap di folder mipmap sesuai kepadatannya. Gabungkan android/res ke direktori resource aplikasimu yang sudah ada, lalu atur android:icon="@mipmap/ic_launcher" di elemen application, ganti dengan nama yang kamu pilih.
Ikon bertema dibuat dari channel alfa sumbernya. Segitiga transparan menghasilkan siluet segitiga; foto yang sepenuhnya tidak transparan menghasilkan persegi panjang penuh. Itu sifat dari gambar input, bukan fitur pengenalan objek. Hapus latarnya atau siapkan tanda transparan yang memang dibuat untuk itu kalau kamu butuh ikon bertema yang berbentuk.
Apa isi paket iOS?
Folder iOS berisi AppIcon.appiconset dengan gambar RGB tidak transparan berukuran 1.024 × 1.024 piksel dan file Contents.json. Tambahkan set ini ke katalog aset Xcode yang sudah ada, lalu pilih AppIcon di pengaturan target. Alur ukuran tunggal di Xcode menurunkan ukuran untuk tiap platform dari sumber itu.
Pengekspor ini membuat katalog aset flat. Alat ini tidak membuat dokumen .icon Icon Composer, layer kedalaman yang bisa diedit, atau efek Liquid Glass. Semua itu butuh alur desain tersendiri. Simpan artwork aslinya kalau kamu berencana membuat varian berlapis nanti. Untuk gambar biasa yang dipakai di dalam antarmuka aplikasimu, pilih imageset Xcode, bukan set ikon aplikasi.
Periksa sebelum dirilis
Periksa mask launcher berbentuk lingkaran, squircle, dan bentuk lain di Android. Lihat hasil monokromnya dengan ikon bertema diaktifkan, dan pastikan foreground-mu tidak terlalu kecil setelah diberi padding. Di iOS, periksa ikonnya di Xcode dan di perangkat. Cek tandanya di ukuran kecil, kontrasnya terhadap latar, dan pastikan tidak ada tepi yang tidak diinginkan.
Paket yang dihasilkan menyediakan file resource; paket ini tidak menilai hak merek dagang, tidak menilai kualitas visual, dan tidak menjanjikan aplikasimu diterima di store. Simpan salinan resource yang sudah ada sebelum menggabungkan folder, dan periksa output build aplikasimu untuk nama yang bentrok atau persyaratan khusus target.