Cara menggunakan
- Pilih “Teks / emoji” lalu ketik satu sampai tiga karakter, atau pilih “Gambar” dan unggah logo Anda (SVG atau PNG persegi minimal 512 px paling baik).
- Pilih warna dan bentuk — persegi, membulat atau lingkaran.
- Periksa pratinjau pada 16, 32, 64 dan 128 px; ukuran kecil menunjukkan apakah desainnya masih terbaca.
- Unduh ZIP, unggah file-filenya ke folder root situs Anda, lalu tempel HTML-nya ke dalam head.
Penjelasan opsi
- favicon.ico
- Berisi versi 16, 32 dan 48 px untuk browser, bookmark dan shortcut Windows.
- apple-touch-icon.png
- 180 × 180 px dengan latar belakang solid, dipakai saat seseorang menambahkan situs Anda ke layar utama iPhone atau iPad.
- icon-192.png / icon-512.png
- Dirujuk dari site.webmanifest untuk layar utama Android dan aplikasi web yang bisa diinstal.
- icon.svg
- Ikon yang bisa diskalakan untuk browser modern, disertakan jika sumbernya teks atau file SVG.
Kode HTML
Setelah mengunggah file ke root situs, tambahkan ini ke head setiap halaman:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Pertanyaan yang sering diajukan
File mana yang benar-benar saya perlukan?
favicon.ico di root situs sudah mencakup semua browser. Tambahkan apple-touch-icon.png untuk iOS, serta manifest dengan ikon 192/512 jika Anda ingin ikon yang layak saat situs diinstal atau disematkan di Android.
Mengapa favicon saya terlihat buram pada 16 px?
Detail halus hilang pada 16 × 16 piksel. Gunakan huruf tebal atau versi logo yang disederhanakan, bukan logo lengkap dengan teks.
Saya sudah mengganti favicon tetapi yang lama masih muncul.
Browser menyimpan cache favicon dengan sangat agresif. Muat ulang halaman secara paksa (hard reload), atau tambahkan query versi seperti /favicon.ico?v=2 ke tag link.
Bisakah memakai emoji sebagai favicon?
Bisa. Emoji digambar dengan font emoji sistem Anda, jadi hasilnya sama dengan yang Anda lihat di pratinjau.
Privasi
Alat ini berjalan sepenuhnya di browser Anda. File dan teks Anda diproses di perangkat Anda dan tidak pernah diunggah ke server kami.