Favicon adalah: pengertian, fungsi, dan cara membuatnya
Favicon adalah ikon kecil yang mewakili sebuah website. Ikon ini tampil di tab browser, di bookmark dan riwayat, di layar utama ponsel, dan di samping nama website pada hasil pencarian Google.
Asal kata favicon
Favicon adalah singkatan dari favorite icon, atau “ikon favorit”. Internet Explorer memperkenalkannya pada tahun 1999 untuk menampilkan ikon di samping situs yang disimpan di menu “Favorites”. Namanya tetap dipakai sampai sekarang, walaupun favicon kini tampil hampir di mana saja.
Fungsi favicon
- Tab browser — membantu pengunjung menemukan tab website Anda di antara banyak tab lain
- Bookmark dan riwayat
- Hasil pencarian Google — tampil di samping nama website, di ponsel maupun komputer
- Layar utama iPhone dan Android saat website ditambahkan ke sana
- Pratinjau tautan di beberapa aplikasi chat dan pembaca RSS
Tanpa favicon, browser menampilkan ikon halaman kosong atau bola dunia. Website terlihat belum selesai dan tabnya sulit ditemukan.
Ciri favicon yang baik
Favicon sering tampil hanya 16×16 piksel, jadi desain yang sederhana paling baik:
- satu bentuk yang tegas, atau satu sampai tiga huruf
- kontras kuat antara ikon dan latar
- memakai warna merek Anda
Detail kecil, garis tipis, dan kata yang panjang akan hilang di ukuran sekecil itu.
Ukuran dan file favicon
Biasanya set berikut sudah cukup:
| File | Kegunaan |
|---|---|
| favicon.ico (berisi 16, 32, 48) | Hampir semua browser |
| favicon-16x16.png, favicon-32x32.png | Tab browser |
| apple-touch-icon.png (180×180) | Layar utama iPhone dan iPad |
| android-chrome-192x192.png, 512x512.png | Android dan PWA |
Cara buat favicon
Cara termudah adalah memakai favicon generator gratis: pilih logo, lalu unduh semua file dan kode HTML-nya dalam satu ZIP. Kalau belum punya logo, Anda bisa membuat favicon dari huruf atau emoji.
Setelah file diunggah ke folder utama website dan kode HTML ditempel di <head>, cek hasilnya dengan favicon checker.