Generator favicon (ikona strony)
Zrób komplet ikon strony z logo lub zdjęcia: favicon.ico (16, 32, 48 px), PNG 180 px dla Apple i 192/512 px dla Androida — z gotowym kodem HTML.
Umieść to narzędzie na swojej stronie
Bezpłatnie, bez rejestracji. Widżet pokazuje na dole napis „Narzędzie udostępnia AMKBIT.pl”.
Jakie ikony są potrzebne
| Plik | Rozmiar | Do czego |
|---|---|---|
| favicon.ico | 16, 32, 48 px | karta przeglądarki, zakładki, Windows |
| favicon-32x32.png | 32 px | nowoczesne przeglądarki |
| apple-touch-icon.png | 180 px | skrót na ekranie iPhone’a i iPada |
| android-chrome-192/512.png | 192 i 512 px | Android i aplikacje PWA (plik site.webmanifest) |
Jak wgrać
- Rozpakuj ZIP i wgraj pliki do głównego katalogu strony (tam, gdzie index).
- Wklej kod z pola „Kod do sekcji <head>” do nagłówka strony (w WordPressie: Wygląd → Dostosuj → Tożsamość witryny ustawia ikonę automatycznie).
- W pliku site.webmanifest uzupełnij nazwę strony.
Przeglądarki mocno zapamiętują favicony — po zmianie odśwież stronę z pominięciem pamięci podręcznej (Ctrl+F5) albo sprawdź w oknie prywatnym.
Wskazówka: przy 16 px widać tylko kilka pikseli. Proste logo, jedna litera lub symbol w kontrastowym kolorze sprawdzą się lepiej niż szczegółowe zdjęcie.
Przykłady
Logo SVG
Najlepszy wynik daje wektorowe logo (SVG) albo PNG 512 × 512 px z przezroczystym tłem.
Najczęstsze pytania
Czy obraz jest wysyłany na serwer?
Nie. Ikony powstają w Twojej przeglądarce (canvas), a ZIP jest tworzony lokalnie.
Poradniki
Wynik ma charakter pomocniczy. Przy ważnych decyzjach (finansowych, technicznych, zdrowotnych) sprawdź go niezależnie. Zasady korzystania.