Favicon Generator Online untuk Website dan PWA
Favicon membuat situs mudah dikenali di tab browser dan layar utama. Buat semua ukuran dari satu logo tanpa alat desain tambahan.
Favicon adalah ikon kecil yang muncul di tab browser, bookmark, dan layar utama ponsel. Dengan favicon generator, satu file logo bisa diubah menjadi paket ikon lengkap.
Ukuran yang biasanya dibutuhkan
Browser modern memakai 16x16 dan 32x32 piksel, sementara perangkat Apple membutuhkan ikon yang lebih besar. PWA juga memerlukan ikon 192 dan 512 piksel di manifest.
- Gunakan logo sederhana yang tetap jelas di ukuran kecil.
- Siapkan versi terang dan gelap jika perlu.
- Pastikan latar transparan atau kotak penuh konsisten.
- Unduh semua ukuran dalam satu paket.
Memasang di website
Letakkan file di folder publik dan tambahkan tag link favicon di head halaman. Untuk WordPress, unggah lewat pengaturan situs atau tema. Setelah mengganti favicon, bersihkan cache browser untuk melihat hasilnya.
Uji di beberapa perangkat
Buka situs di desktop, Android, dan iPhone untuk memastikan ikon tetap terbaca. Jika detail logo hilang di ukuran 16x16, sederhanakan bentuk atau gunakan simbol yang lebih tebal. Simpan file sumber agar mudah diperbarui.
Pertanyaan umum
Ukuran favicon apa yang paling penting?
16x16 dan 32x32 untuk browser, 180x180 untuk Apple, serta 192 dan 512 untuk PWA.
Format apa yang dihasilkan?
Paket berisi PNG ukuran 16 hingga 512 piksel, manifest PWA, dan cuplikan HTML.
Apakah favicon perlu diganti?
Ya, jika logo atau warna merek berubah agar ikon tetap konsisten.
Mengapa favicon lama masih muncul?
Browser menyimpan cache. Bersihkan cache atau buka situs di jendela privat.