Favicon
Pengertian Favicon pada Blog
Favicon (singkatan dari favorite icon) adalah ikon kecil yang muncul di tab browser, bookmark, dan kadang-kadang di bilah alamat saat pengunjung membuka sebuah website atau blog.
Biasanya, favicon berupa logo kecil atau gambar sederhana yang mewakili identitas blog/website tersebut, misalnya huruf awal nama blog, simbol khusus, atau logo resmi.
đź“Ś Fungsi dan Manfaat Favicon
- Identitas Visual Blog
Memberi tampilan profesional dan membangun branding.
Memudahkan pengunjung mengenali blog saat banyak tab terbuka.
- Meningkatkan Kepercayaan
Blog yang memiliki favicon terlihat lebih terpercaya dan serius.
- Memudahkan Navigasi
Pengguna bisa lebih cepat menemukan kembali tab blogmu di antara banyak tab lain.
- Ikon di Bookmark
Saat seseorang menyimpan blog ke bookmark, favicon akan muncul sebagai ikon kecil di samping judul halaman.
🧾 Contoh Kode Favicon dalam HTML
Berikut contoh penulisan favicon dalam tag <head>:
Atau jika menggunakan Jekyll atau template dinamis seperti di contoh kamu:
Penjelasan:
rel=”icon”: Menyatakan bahwa ini adalah favicon.
href: Menunjukkan lokasi file favicon.
type: Tipe file, biasanya image/x-icon untuk .ico, atau image/png untuk .png.
âś… Format dan Ukuran yang Disarankan
Format file: .ico, .png, atau .svg
Ukuran umum: 16x16, 32x32, atau 48x48 piksel
File favicon sebaiknya kecil (kurang dari 100 KB) agar tidak memperlambat loading.
Jika kamu butuh panduan cara membuat favicon sendiri atau menambahkannya ke blog Jekyll atau platform lain (WordPress, Blogger, dsb.), tinggal bilang ya!