Langsung ke konten

Buat ikon aplikasi iOS dan Android

Ubah satu gambar menjadi semua ukuran ikon iOS, Android, PWA, dan favicon, lengkap dengan asset catalog Xcode dan lapisan adaptive icon, dikemas sebagai ZIP di browser Anda.

Seret karya ikon Anda ke siniPNG, JPG, WebP, atau SVG · hasil terbaik dengan 1024 × 1024 px atau lebih besar · maksimal 50 MB
Pilih fileDiproses di perangkat Anda — tidak diunggah

Satu gambar menjadi 39 ikon PNG untuk iOS, Android, dan web, plus Contents.json, XML ikon adaptif, favicon.ico, dan web manifest, semuanya dibuat di browser Anda.

Berjalan di browser Anda · tanpa unggahCara kerja

Cara menggunakan Generator ikon aplikasi

  1. 1

    Tambahkan gambar Anda

    Seret PNG, JPG, WebP, atau SVG persegi, idealnya 1024 × 1024 piksel atau lebih besar; logo dengan latar belakang transparan juga cocok.

  2. 2

    Pilih platform

    Biarkan iOS, Android, dan Web & PWA tetap dipilih, atau hapus centang pada platform yang tidak Anda rilis, lalu pilih set ukuran Xcode lengkap atau satu ikon 1024 px.

  3. 3

    Atur tampilan

    Atur padding, warna latar belakang, dan ukuran gambar di dalam ikon adaptif dan maskable, sambil memeriksa panduan zona aman dan bentuk launcher.

  4. 4

    Unduh ZIP

    Klik Unduh ZIP, lalu salin setiap folder ke proyek Anda; README di dalamnya menjelaskan tujuan setiap file.

Batas dan Pro

Gratis tanpa watermark: satu gambar sumber hingga 50 MB sekali proses, hingga 44 ikon PNG per ZIP (39 secara default, 5 tambahan dengan Layer ikon tema), unduhan tanpa batas.

Tentang Generator ikon aplikasi

Generator ikon aplikasi ini mengubah satu gambar menjadi set ikon lengkap yang dibutuhkan aplikasi seluler atau progressive web app, dengan nama file dan folder sesuai yang diharapkan Xcode, Android Studio, dan browser. Jika semua platform dipilih, ZIP berisi 39 file PNG: 15 untuk asset catalog iPhone dan iPad termasuk ikon App Store 1024 px, 15 gambar launcher Android untuk kerapatan mdpi hingga xxxhdpi, ikon Google Play 512 px, dan 8 ikon web yang mencakup ukuran manifest 192 dan 512 px, versi maskable, apple-touch-icon 180 px, serta favicon 16, 32, dan 48 px.

Selain gambar, tersedia Contents.json untuk AppIcon.appiconset, XML mipmap-anydpi-v26 untuk ikon adaptif Android 8 dengan resource warna latar belakang, favicon.ico berisi tiga ukuran, blok icons untuk manifest.webmanifest, dan tag link HTML. File iOS dibuat tanpa kanal alfa karena Xcode menolak ikon App Store yang memilikinya, dan setiap ukuran diperkecil dari master 1024 px secara bertahap setengah demi setengah agar ikon kecil tetap tajam.

Alat ini tidak mendesain ikon atau menghapus latar belakang untuk Anda, dan untuk layer latar belakang adaptif alat ini memakai warna solid, bukan gambar kedua. Pratinjau Squircle, Tetesan air, dan lingkaran meniru launcher yang umum; setiap produsen ponsel membuat maskernya sendiri, jadi periksa hasilnya di perangkat sungguhan.

Privasi

Gambar Anda didekode, diubah ukurannya, dan dikemas ke dalam ZIP oleh tab browser ini, menggunakan canvas dan Web Worker lokal, sehingga gambar tidak pernah meninggalkan perangkat Anda dan tidak ada yang diunggah atau disimpan.

Fitur

Asset catalog Xcode

AppIcon.appiconset dengan Contents.json, semua ukuran iPhone dan iPad, PNG tanpa alfa.

Ikon adaptif Android

Layer latar depan, resource warna latar belakang, ikon bulat, layer tema, dan Play Store 512.

PWA dan favicon

Ikon manifest, versi maskable, apple-touch-icon, favicon.ico, dan tag HTML siap pakai.

Generator ikon aplikasi: pertanyaan yang sering diajukan

Berapa ukuran gambar sumber yang sebaiknya dipakai?
Gunakan gambar persegi minimal 1024 × 1024 piksel, yaitu ukuran ikon App Store dan file terbesar dalam set. Gambar yang lebih kecil tetap bisa dipakai, tetapi ikon besar akan diperbesar dan terlihat buram, dan alat ini akan memberi peringatan. File SVG digambar pada resolusi penuh, jadi logo vektor selalu menghasilkan ikon tajam di setiap ukuran.
Ke mana file harus dimasukkan di proyek Xcode saya?
Buka Assets.xcassets di Xcode, hapus set AppIcon yang ada, lalu seret folder ios/AppIcon.appiconset dari ZIP, atau ganti folder tersebut lewat Finder. Contents.json memetakan setiap PNG ke slot iPhone, iPad, atau App Store. Jika proyek Anda menargetkan Xcode 14 atau lebih baru, Anda juga bisa memilih Single 1024 dan membiarkan Xcode membuat ukuran yang lebih kecil.
Bagaimana cara kerja ikon adaptif Android?
Sejak Android 8, ikon launcher memiliki dua layer 108 dp: latar belakang, di sini berupa warna pilihan Anda, dan latar depan berisi gambar Anda. Launcher memotong bagian tengah 72 dp dan menerapkan bentuknya sendiri, seperti lingkaran atau squircle, sehingga apa pun di luar lingkaran tengah 66 dp bisa terpotong. Panduan zona aman menunjukkan kedua batas itu di pratinjau.
Apa itu ikon maskable untuk PWA?
Ikon maskable mengisi seluruh persegi dengan latar belakang sehingga Android bisa memotongnya menjadi bentuk apa pun tanpa tepi putih. Browser hanya menjamin lingkaran yang menutupi 80% bagian tengah gambar, jadi letakkan logo di dalamnya. ZIP menyertakan PNG maskable 192 dan 512 px, dan cuplikan manifest menandainya dengan purpose maskable di samping ikon biasa.
Mengapa ikon iOS saya memiliki warna latar belakang?
Apple mewajibkan ikon aplikasi sepenuhnya buram: ikon App Store dengan kanal alfa gagal validasi, dan area transparan akan tampak hitam di layar utama. Karena itu alat ini mengisi ikon iOS, apple-touch-icon, ikon Play Store, serta ikon adaptif dan maskable dengan warna latar belakang Anda, bahkan saat Ikon web transparan diaktifkan.

Alat terkait

Semua alat developer

Generator favicon

Ikon ICO, PNG, dan manifest dari gambar, teks, atau emoji

Konverter SVG ↔ PNG

Render SVG ke PNG yang tajam, atau ubah PNG ke SVG

Ubah ukuran gambar

Ubah ukuran per piksel, persen, atau preset — sekaligus banyak

Palet warna & cek kontras

Palet, gradasi, kontras WCAG, dan cek buta warna