Favicon Generator Gratis — Buat Favicon ICO & PNG Online
🌟 100% Gratis & Offline
Buat Favicon Profesional Langsung di Browser
Buat favicon dari teks, emoji, atau upload gambar sendiri. Hasilkan file ICO, PNG semua ukuran, dan kode HTML siap pakai tanpa instalasi apapun.
Pilih Mode Pembuatan
Dari teks, emoji, atau upload gambar
62
0°
72
Klik atau drag & drop gambar
PNG, JPG, SVG, WebP — maks. 5MB
0px
Preview & Download
Pratinjau langsung, download semua ukuran
Pratinjau di Browser
Website Anda
Download Favicon
Kode HTML (Salin ke <head>)
<!-- Generate favicon terlebih dahulu -->
📐 Panduan Ukuran Favicon
| Ukuran | Format | Kegunaan | Tag HTML |
|---|---|---|---|
| 16x16 | ICO / PNG | Browser Tab | rel="icon" sizes="16x16" |
| 32x32 | ICO / PNG | Taskbar Windows | rel="icon" sizes="32x32" |
| 48x48 | ICO | ICO Multi-size | dalam favicon.ico |
| 64x64 | PNG | Windows Shortcut | rel="icon" sizes="64x64" |
| 180x180 | PNG | Apple Touch Icon | rel="apple-touch-icon" |
| 192x192 | PNG | Android Chrome | manifest.json |
| 512x512 | PNG | PWA Splash Screen | manifest.json |
❓ Pertanyaan yang Sering Ditanyakan
Apa itu favicon dan kenapa website saya butuh favicon?
Favicon adalah ikon kecil (biasanya 16x16 atau 32x32 piksel) yang muncul di tab browser, bookmark, dan shortcut website. Favicon membuat website terlihat lebih profesional, membantu pengguna mengenali situs kamu di antara banyak tab yang terbuka, dan meningkatkan brand identity secara keseluruhan.
Apa perbedaan format ICO dan PNG untuk favicon?
Format ICO adalah format favicon klasik yang dapat menyimpan beberapa ukuran sekaligus (16x16, 32x32, 48x48) dalam satu file. Ini paling kompatibel dengan semua browser lama dan baru. Format PNG lebih modern, mendukung transparansi penuh, dan diperlukan untuk Apple Touch Icon (180x180) dan Android/PWA (192x192, 512x512).
Bagaimana cara memasang favicon di website / Blogger?
Untuk website HTML biasa: upload file favicon ke root domain, lalu tambahkan kode HTML yang sudah digenerate ke dalam tag <head>.
Untuk Blogger: masuk ke Setelan → Preferensi → Favicon, lalu upload file PNG 32x32 atau ICO. Atau bisa juga via Tema → Edit HTML, tambahkan tag link di dalam <head>.
Untuk Blogger: masuk ke Setelan → Preferensi → Favicon, lalu upload file PNG 32x32 atau ICO. Atau bisa juga via Tema → Edit HTML, tambahkan tag link di dalam <head>.
Apakah gambar yang saya upload dikirim ke server?
Tidak sama sekali. Tool ini bekerja 100% di browser kamu menggunakan HTML5 Canvas API. Semua proses rendering dan konversi dilakukan secara lokal di perangkat kamu. Tidak ada data yang dikirim ke server manapun.
Kenapa favicon saya tidak muncul setelah dipasang?
Favicon biasanya ter-cache di browser. Coba tekan Ctrl+Shift+R (atau Cmd+Shift+R di Mac) untuk hard reload. Pastikan path file sudah benar dan file favicon.ico ada di root domain (bukan subfolder). Bisa juga tunggu beberapa menit hingga cache browser diperbarui.