Favicon Tag Generator

Q: Mengapa favicon tidak update?

Browser cache agresif. Tambah query string atau clear cache.

Q: Apakah perlu manifest.json?

Untuk PWA wajib. Untuk website biasa link favicon di head cukup.

Favicon Tag Generator membuat blok HTML <link> dan <meta> lengkap untuk favicon — file .ico, apple-touch-icon untuk iOS, dan theme-color untuk address bar mobile. Hasil siap ditempel ke bagian <head> agar branding tetap muncul di tab browser, bookmark, layar Home iOS, history Android, dan PWA.

Cara menggunakan Favicon Tag Generator

Isi path file favicon.ico Anda (mis. /favicon.ico).
Isi path apple-touch-icon.png (180×180 px disarankan).
Isi theme-color berupa HEX warna brand.
Klik GENERATE TAG dan salin ke <head>.

Ukuran favicon yang disarankan

favicon.ico — multi-size 16, 32, 48 px.
apple-touch-icon — 180×180 px PNG.
PWA icon — 192×192 dan 512×512 px (di manifest).
maskable icon — 512×512 dengan safe zone.

Kapan tool ini berguna?

Launch website baru — sering lupa pasang favicon.
Rebranding — update theme-color sesuai warna baru.
PWA — pastikan icon konsisten antar OS.
Audit teknikal SEO — favicon ikut tampil di SERP mobile.

Tips kombinasi

Pilih warna theme-color via Color Converter.
Buat gradient hero pendamping di Gradient Generator.
Validasi tag head dengan Meta Checker.

FAQ Favicon Tag Generator

Apakah file .ico wajib?

Sangat dianjurkan untuk browser legacy. Beberapa CMS modern hanya pakai PNG.

Apa fungsi theme-color?

Mewarnai address bar Chrome Mobile, Edge, dan Safari sesuai brand.

Mengapa favicon tidak update?

Browser cache agresif. Tambahkan query string ?v=2 atau clear cache.

Apakah perlu manifest.json?

Untuk PWA wajib. Untuk website biasa, link favicon di head sudah cukup.

Favicon Tag Generator — Snippet HTML untuk Favicon Multi-Device

Cara menggunakan Favicon Tag Generator

Ukuran favicon yang disarankan

Kapan tool ini berguna?

Tips kombinasi

FAQ Favicon Tag Generator