Generator favicon
Dowolny obraz lub litera → pełny zestaw favicon.
Generuj kompletny pakiet favicon
Prześlij logo lub wpisz literę/emoji, wybierz kształt tła i kolor, a następnie pobierz jeden plik ZIP zawierający favicon.ico, wszystkie rozmiary PNG (16 → 512), ikonę dotykową Apple, gotowy plik site.webmanifest oraz znaczniki HTML — wszystko renderowane lokalnie w przeglądarce.
Generator favicon zamienia jedno źródło — logo, zdjęcie, lub po prostu pogrubioną literę lub emoji — w kompletny zestaw ikon potrzebny nowoczesnej stronie: favicon.ico dla starszych przeglądarek i pasków adresu, rozmiary PNG od 16 do 512, ikonę Apple touch 180px dla ekranów głównych iOS, ikony Android Chrome, gotowy do użycia site.webmanifest oraz dokładne znaczniki HTML do wklejenia w <head>. Jeden klik, jeden ZIP, gotowe.
Podglądy na żywo pokazują twoją ikonę w rzeczywistych rozmiarach — w tym mock-up karty przeglądarki — ponieważ trudną prawdą o faviconach jest to, że muszą przetrwać w rozmiarze 16×16 pikseli. Tryb literowy istnieje właśnie z tego powodu: pogrubiona inicjał na kolorowym zaokrąglonym kwadracie to najbardziej czytelna rzecz, jaką można umieścić w karcie. Wszystko jest renderowane i spakowane lokalnie w twojej przeglądarce; twoja grafika nigdy nie opuszcza urządzenia.
FAQ
Jakich plików faktycznie potrzebuje strona internetowa w 2026?
Favicon.ico (16/32/48 w jednym pliku), favicon PNG w rozmiarach 16/32/48, apple-touch-icon.png 180px, ikony Androida Chrome w rozmiarach 192 i 512 oraz site.webmanifest, który do nich odwołuje. To dokładnie to, co zawiera ZIP, plus znaczniki HTML.
Gdzie umieścić pliki?
Prześlij wszystko do katalogu głównego swojej witryny (tak, aby /favicon.ico działał), a następnie wklej podane znaczniki w sekcję <head> swoich stron. Plik html-snippet.txt w archiwum ZIP zawiera je gotowe.
Dlaczego moje piękne logo wygląda jak szum przy 16px?
Szczegóły nie przetrwają przy 256 pikselach całkowitej powierzchni. Zwiększ odstępy lub przełącz na tryb liter — pojedynczy pogrubiony znak na jednolitym tle pozostaje czytelny tam, gdzie pełne logo nie daje rady.
Czym jest plik ICO i dlaczego zawiera trzy rozmiary?
ICO to format kontenerowy: przeglądarki wybierają najlepiej pasujący rozmiar z jego wnętrza (16 dla zakładek, 32 dla pasków zadań, 48 dla skrótów). Generator osadza wszystkie trzy jako pełnokolorowe obrazy z przezroczystością.
Czy przezroczyste tło zostaje zachowane?
Tak — wybierz kształt 'Przezroczysty', aby zachować kanał alfa źródła w każdym PNG i ICO. Kształtowane tła (kwadrat/zaokrąglony/koło) istnieją dla źródeł, które potrzebują stałego tła.
Do czego służy ikona dotykowa Apple?
Gdy ktoś doda twoją witrynę do ekranu głównego iOS, obrazek 180×180 staje się ikoną aplikacji. iOS sam zaokrągla rogi, więc najlepiej sprawdzi się kwadratowy design bez marginesów.
Czy mogę użyć emoji jako favicon?
Tak — przełącz na tryb liter i wpisz dowolny emoji. Renderuje się z czcionką emoji systemu na wybranym kształcie i kolorze. To uzasadniona, zapadająca w pamięć opcja dla osobistych stron.
Czy moje logo jest przesyłane?
Nie. Renderowanie, kodowanie ICO i pakowanie ZIP odbywają się w Twojej przeglądarce — narzędzie działa offline po załadowaniu.