Generator Favicon
Buat favicon dalam berbagai format dari teks, emoji, atau gambar
Masukkan teks atau emoji untuk melihat pratinjau
Contoh cepat:
Cara Menggunakan Favicon Anda
1. Unduh Favicon Anda
Setup minimal yang direkomendasikan:
- PNG 32×32 - Ubah nama menjadi favicon.png (paling umum)
- SVG - Ubah nama menjadi favicon.svg (browser modern, dapat diskalakan)
Opsional (untuk cakupan lebih baik):
- PNG 16×16 - Ubah nama menjadi favicon.ico (browser lama)
- PNG 180×180 - Ubah nama menjadi apple-touch-icon.png (layar beranda iOS)
2. Tambahkan ke Situs Web Anda
Tempatkan file di direktori root atau public situs Anda dan tambahkan tag ini ke head HTML Anda:
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
Tips
- Gunakan desain sederhana dan tebal yang bekerja pada ukuran kecil
- Emoji bekerja dengan baik untuk ikon yang cepat dan dapat dikenali
- SVG direkomendasikan untuk browser modern (dapat diskalakan & ukuran file kecil)
- Gunakan warna kontras tinggi untuk visibilitas lebih baik