devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt
Audit Situs

Generator App Icon — iOS, Android & PWA

Unggah satu gambar persegi dan dapatkan semua ukuran ikon yang dibutuhkan aplikasimu: folder AppIcon.appiconset siap pakai untuk Xcode, folder mipmap Android dengan adaptive icon, ikon Play Store, dan ikon web/PWA, semuanya dalam satu ZIP.

Diperbarui
Letakkan gambar ikonmu di sini atau klik untuk memilih · PNG persegi atau SVG, idealnya 1024 × 1024 px atau lebih besar
Pratinjau muncul di sini — persegi membulat iOS, lingkaran Android, squircle, dan favicon.

Data kamu tidak pernah meninggalkan komputer kamu. Semua proses berjalan 100% secara lokal di browser kamu.

Apakah alat ini membantu?0.0 0 penilaian
Buat web app manifest dan service worker offlineNama, ikon, warna, mode tampilan, pintasan, dan caching, plus tag HTML, dalam satu file ZIP.Generator PWA Manifest →

Cara menggunakan Generator App Icon

  1. Unggah gambar persegi, sebaiknya PNG 1024 × 1024 px atau SVG.
  2. Pilih platform, warna latar belakang (ikon iOS tidak boleh transparan), dan jarak tepi jika perlu.
  3. Periksa pratinjaunya lalu klik Unduh ZIP; seret folder ke Xcode dan Android Studio.

Isi ZIP

  • iOS — AppIcon.appiconset dengan semua ukuran iPhone dan iPad (20 sampai 1024 px) beserta Contents.json yang sesuai. Seret ke Assets.xcassets di Xcode dan ganti AppIcon yang sudah ada.
  • Android — folder mipmap-mdpi sampai mipmap-xxxhdpi berisi ic_launcher.png dan ic_launcher_round.png (48–192 px), lapisan foreground adaptive icon (108–432 px), XML di mipmap-anydpi-v26, dan resource warna latar belakang. Salin folder tersebut ke app/src/main/res. Ditambah ikon Play Store 512 × 512 px.
  • Web / PWA — favicon PNG, Apple touch icon 180 px, ikon manifest 192 dan 512 px, ikon maskable, serta cuplikan manifest siap tempel.

Aturan platform yang penting

Ikon iOS tidak boleh transparan — App Store Connect menolak ikon yang memiliki kanal alpha, jadi area transparan akan diisi dengan warna latar belakang. iOS membulatkan sudut secara otomatis, jadi cukup berikan gambar persegi, jangan dibulatkan sendiri. Adaptive icon Android dipotong menjadi lingkaran, squircle, atau persegi membulat; letakkan bagian penting di area tengah 66% (safe zone). Itulah fungsi slider jarak tepi adaptive.

Privasi sejak awal

Semua proses pengubahan ukuran dilakukan di browser-mu dengan Canvas API, jadi gambarmu tidak pernah diunggah.

Juga dicari sebagai: app icon generator ios, generator icon android, membuat app icon, generator appiconset, adaptive icon generator, generator icon pwa, ukuran app icon android.

Tool yang cocok dipakai bersama Generator App Icon

  • Generator PWA Manifest — Jadikan website apa pun PWA yang bisa diinstal.
  • Pembuat Favicon — Buat paket favicon lengkap dari logo, huruf, atau emoji: favicon.ico multi-ukuran, Apple touch icon, ikon Android/PWA, webclip Webflow, web manifest, dan tag HTML yang tinggal kamu tempel.
  • Pengubah Ukuran Gambar — Ubah ukuran foto ke dimensi piksel atau persentase tertentu, crop agar pas dengan ukuran media sosial, atau muatkan gambar ke dalam bingkai dengan warna latar — semuanya diproses langsung di browser kamu.
  • Konverter Gambar — Ubah gambar apa pun yang bisa dibuka browser kamu — PNG, JPG, WebP, AVIF, GIF, BMP atau SVG — menjadi PNG, JPG, WebP atau AVIF, satu file atau ratusan sekaligus.

Pertanyaan yang sering diajukan

Berapa ukuran gambar sumber yang sebaiknya saya pakai?
Minimal 1024 × 1024 px dan persegi. SVG memberikan hasil paling tajam di semua ukuran. Gambar yang lebih kecil akan diperbesar dan bisa terlihat buram di ikon berukuran paling besar.
Kenapa ikon iOS saya punya latar belakang putih?
Apple tidak mengizinkan transparansi pada ikon aplikasi, jadi area transparan akan diisi dengan warna latar belakang yang kamu pilih. Pilih warna yang sesuai dengan desainmu.
Apa itu adaptive icon Android?
Sejak Android 8, ikon launcher memiliki lapisan foreground dan background terpisah yang oleh sistem dibentuk menjadi berbagai bentuk dan dianimasikan. ZIP berisi kedua lapisan tersebut beserta XML yang menghubungkannya.
Apakah saya masih perlu semua ukuran iOS dengan Xcode 15?
Xcode bisa membuat berbagai ukuran dari satu ikon 1024 px, tetapi set lengkap memberimu kendali atas ukuran kecil dan mendukung target deployment yang lebih lama. Keduanya sama-sama bisa dipakai.
Bisakah saya memasang Generator App Icon sebagai aplikasi web dan memakainya offline?
Bisa. Generator App Icon adalah aplikasi web (PWA) yang bisa dipasang. Pemasangannya lewat browser kamu, bukan diunduh dari toko aplikasi. Klik Pasang aplikasi di bagian atas halaman ini di Chrome atau Edge (Windows, macOS, Linux, ChromeOS) atau di Android. Di iPhone dan iPad, gunakan Bagikan → Tambahkan ke Layar Utama, dan di Safari 17+ pada Mac, gunakan File → Tambahkan ke Dock. Setelah itu, aplikasi akan terbuka di jendelanya sendiri dengan ikonnya sendiri. Karena berjalan sepenuhnya di browser kamu, aplikasi ini tetap bisa dipakai offline. Firefox di desktop tidak bisa memasang aplikasi web. Cara memasang aplikasi.

Tool terkait

localGenerator PWA ManifestJadikan website apa pun PWA yang bisa diinstal. Isi nama, warna, mode tampilan, dan ikon untuk mendapatkan…localPembuat FaviconBuat paket favicon lengkap dari logo, huruf, atau emoji: favicon.ico multi-ukuran, Apple touch icon, ikon…localPengubah Ukuran GambarUbah ukuran foto ke dimensi piksel atau persentase tertentu, crop agar pas dengan ukuran media sosial,…localKonverter GambarUbah gambar apa pun yang bisa dibuka browser kamu — PNG, JPG, WebP, AVIF, GIF, BMP atau SVG — menjadi PNG,…localGenerator File Deep LinkBuat dua file yang membuat tautan ke website kamu bisa membuka aplikasi: apple-app-site-association untuk…localGenerator OG ImageBuat gambar preview tautan yang rapi untuk Facebook, LinkedIn, X, Slack, dan WhatsApp dalam hitungan…