Cara Menambahkan Favicon di HTML
Tiga tag mencakup 99% kasus. Dua lagi memberi Anda pengaturan tingkat PWA penuh.
3 menit baca
Label minimal
<link rel="icon" href="/favicon.ico"> — itu saja. Setiap browser akan mengambilnya.
Set modern yang direkomendasikan
Tambahkan SVG dan apple-touch-icon untuk rendering yang tajam di setiap platform:
<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" size="180x180" href="/apple-touch-icon.png">
Perintah penginstalan PWA
Tambahkan manifest.json dengan entri 192×192 dan 512×512 PNG, lalu tautkan <link rel="manifest" href="/site.webmanifest">.