Generator Favicon HTML
Favikona to tylko połowa pracy — znaczniki linków HTML decydują, który plik wybierze każda przeglądarka. Wygeneruj pełny, poprawny zestaw jednym kliknięciem.
Kompletna konfiguracja favikony obejmuje tagi dla ikon manifestu favicon.ico, wariantu SVG, apple-touch-icon i PWA. Brak któregokolwiek z nich powoduje wyświetlenie ikony awaryjnej na co najmniej jednej platformie.
Wygeneruj tutaj tagi, wklej je do swojego <head> i gotowe.
Jak to działa
- 1
Wygeneruj swoją ulubioną ikonę
Użyj generatora favicon, aby utworzyć .ico + PNG + SVG.
- 2
Skopiuj tagi
Wklej wygenerowany blok <link> do swojego <head>.
- 3
Zweryfikować
Otwórz swoją witrynę w Chrome, Safari, Firefox i Edge — we wszystkich powinna być widoczna ikona.
Wypróbuj teraz
Zdobądź tagi HTML
Generator FaviconFAQ
Który tag ma największe znaczenie?+
<link rel="icon" href="/favicon.ico"> — to uniwersalne rozwiązanie zastępcze.
Czy potrzebuję pliku manifest.json?+
Tylko jeśli chcesz, aby instalacja przebiegała prawidłowo PWA. W przeciwnym razie opcjonalne.
Dokąd zmierza apple-touch-icon?+
<link rel="apple-touch-icon" size="180x180" href="/apple-touch-icon.png">.