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.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
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">.