Beranda / Desain / Generator Favicon dan Ikon Aplikasi
Ikon dan branding

Generator favicon dan ikon aplikasi

Unggah logo, pratinjau ikon dalam berbagai ukuran, unduh PNG dan salin cuplikan HTML untuk situs atau PWA Anda.

Tidak ada file dipilih
Gunakan PNG atau SVG persegi dengan resolusi cukup (min. 512×512 disarankan).
Digunakan sebagai isian dan sebagai theme-color dalam cuplikan HTML yang disarankan.
Pilih ukuran yang akan dihasilkan. Klik ikon atau labelnya untuk mengunduh PNG tersebut.

Pratinjau ikon

Klik ikon atau label untuk mengunduh ukuran itu sebagai PNG. Simpan file ke proyek Anda (mis. /assets/icons).

Generator ini berjalan sepenuhnya di browser. Ingat untuk mengunggah PNG yang diunduh dan menyesuaikan path di cuplikan dengan struktur proyek Anda.

Setiap proyek serius butuh favicon yang jelas di tab browser, ikon Apple touch untuk iOS, dan ikon aplikasi untuk Android dan PWA. Alat ini membantu Anda membuat semuanya dari satu gambar: unggah logo persegi, pilih ukuran, unduh PNG, dan salin cuplikan HTML ke situs Anda.

Mengapa favicon dan ikon aplikasi penting

  • Favicon — ikon kecil di tab browser dan bookmark. Tanpanya, tab terlihat generik dan merek Anda kurang dikenali.
  • Ikon Apple touch — dipakai saat pengguna menambahkan situs ke layar utama di iPhone dan iPad. Ukuran yang tepat (mis. 180×180) membuat ikon tetap tajam.
  • Ikon PWA / Android — diperlukan untuk “Tambah ke layar utama” dan pemasangan. Ukuran umum: 192×192 dan 512×512.

Satu gambar sumber persegi bisa memenuhi semuanya. Generator berjalan sepenuhnya di browser; logo Anda tidak pernah meninggalkan perangkat Anda.

Gambar sumber yang disarankan

Gunakan gambar persegi (PNG atau SVG) minimal 512×512 piksel. Resolusi lebih tinggi tidak masalah; alat akan mengecilkannya. Hindari gambar terlalu kecil atau terdistorsi agar ikon tetap tajam di layar berdensitas tinggi.

Mulai cepat dengan alat

  1. Unggah — Klik “Pilih file” dan pilih logo Anda (PNG atau SVG, persegi, 512×512 atau lebih besar).
  2. Latar — Pilih warna latar jika logo punya transparansi; juga dipakai sebagai theme-color di cuplikan.
  3. Ukuran — Centang ukuran yang Anda butuhkan (favicon 16/32, Apple 180, PWA 192/512, dll.).
  4. Unduh — Klik pratinjau untuk mengunduh ukuran itu sebagai PNG, atau “Unduh semua sebagai ZIP” untuk mendapat semuanya sekaligus.
  5. Cuplikan — Salin blok HTML dan tempel ke <head> situs Anda. Unggah PNG ke server (mis. /assets/icons/) dan sesuaikan path di cuplikan bila perlu.

Di mana menaruh file

Pengaturan umum:

  • Taruh PNG favicon dan ikon di folder seperti /assets/icons/ atau di root.
  • Perbarui cuplikan agar nilai href mengarah ke path tersebut (mis. /assets/icons/favicon-32x32.png).
  • Tambahkan site.webmanifest untuk PWA dengan path yang sama ke ikon 192×192 dan 512×512.

Ringkasan

Generator favicon dan ikon aplikasi memungkinkan Anda dari satu logo mendapat semua ukuran yang dibutuhkan dan cuplikan siap tempel untuk <head>. Gunakan gambar persegi beresolusi baik, unduh PNG, dan sisipkan cuplikan ke proyek Anda.

  1. Unggah gambar persegi (PNG atau SVG, min. 512×512 disarankan).
  2. Pilih warna latar dan ukuran ikon yang akan dihasilkan (favicon, Apple touch, PWA).
  3. Klik pratinjau untuk mengunduh setiap PNG, lalu salin cuplikan HTML ke <head> situs Anda.

Pertanyaan yang sering diajukan

Gunakan minimal 512×512 piksel untuk kualitas terbaik. Gambar persegi paling cocok; alat akan menskalakan dan memusatkan logo Anda.

Favicon standar: 16×16 dan 32×32. Apple: 180×180. PWA: 192×192 dan 512×512. Cuplikan yang kami hasilkan mencakup ini.

Tidak. Semua berjalan di browser. Logo Anda tidak pernah meninggalkan perangkat Anda.

Alat terkait

PDF ke JPG Formatter dan Validator JSON Pembuat Kode QR Bergaya Kompresi gambar

Alat ini disediakan hanya untuk penggunaan pribadi dan pendidikan. Kami tidak meng-host atau menyimpan konten pengguna atau file media apa pun di server kami. Semua pemrosesan dilakukan secara lokal di browser Anda. Kami tidak berafiliasi atau disetujui oleh jaringan sosial, platform, atau perusahaan mana pun yang disebutkan. Gunakan layanan ini dengan kebijaksanaan Anda sendiri dan sesuai dengan ketentuan layanan platform terkait.