Jak dodać Faviconę w HTML
Trzy tagi pokrywają 99% przypadków. Dwa kolejne zapewniają pełną konfigurację klasy PWA.
3 min czytania
Minimalny znacznik
<link rel="icon" href="/favicon.ico"> — to wszystko. Każda przeglądarka go pobierze.
Nowoczesny zestaw polecany
Dodaj SVG i apple-touch-icon, aby uzyskać wyraźne renderowanie na każdej platformie:
<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">
Monity instalacyjne PWA
Dodaj plik manifest.json z wpisami PNG o wymiarach 192×192 i 512×512, a następnie połącz <link rel="manifest" href="/site.webmanifest">.