Ta strona zawiera linki afiliacyjne. Jeśli kupisz przez nie, możemy dostać prowizję, bez dodatkowych kosztów dla ciebie. Pełna informacja →

Darmowe Narzędzie Online

Darmowy Generator Favicon

Wrzuć jeden obraz i dostań każdy rozmiar ikony, jakiego strona naprawdę potrzebuje — favicon.ico, Apple touch icon, ikony Android, kafelek Windows, manifest.json i kod do wklejenia. Nic nie jest wysyłane.

🖼️

Przeciągnij tu swoje logo albo obraz, albo kliknij, żeby wybrać

Najlepiej sprawdzi się kwadratowy obraz o wymiarach co najmniej 512×512px — zostanie automatycznie przycięty do kwadratu

—

Przycięte do kwadratu od środka. Jeśli Twój obraz ma już przezroczystość, zostaje zachowana — idealne dla logotypów.

Każdy rozmiar, gotowy do pobrania

Wklej to w swój <head>

⚠️ Jeśli przeglądarka blokuje pobieranie, kliknij Zezwól przy pasku adresu.

Jak zrobić favicon w 3 krokach

Dodaj obraz. Upuść swoje logo w pole albo kliknij, żeby je wybrać. Najlepiej działa kwadratowy obraz o wymiarach co najmniej 512 × 512 pikseli. Każdy inny zostanie przycięty do kwadratu od środka.
Sprawdź podgląd. Jeśli Twój obraz ma przezroczyste tło, zostaje ono zachowane — idealne dla logo.
Pobierz. Kliknij Pobierz Wszystko (ZIP), żeby dostać każdy rozmiar, a potem wklej pokazany kod do <head> swojej strony.

Co jest w pliku ZIP?

Favicon to malutki obrazek obok nazwy Twojej strony na karcie przeglądarki lub na liście zakładek. Większość stron potrzebuje kilku rozmiarów, od małych ikon kart po duże ikony aplikacji, a narzędzie tworzy je wszystkie:

favicon.ico — klasyczna ikona wyświetlana na kartach przeglądarki.
Apple touch icon — ikona, której iPhone i iPad używają, gdy ktoś doda Twoją stronę do ekranu głównego.
Ikony Androida i kafelek Windows — to samo dla telefonów z Androidem i Windowsa.
manifest.json i kod do wklejenia — mówi przeglądarkom, których ikon użyć.

Warto wiedzieć, zanim zaczniesz

Obraz, który nie jest kwadratowy, jest przycinany od środka. Użyj kwadratowego obrazu, żeby nic nie zostało ucięte.
Daj ikonie Apple jednolite tło: iPhone wypełnia przezroczyste obszary czernią.
Przy 16×16 pikselach drobne szczegóły znikają, więc najlepiej działa prosty kształt.
Przeglądarki i Google przez jakiś czas pamiętają stare favicony; nowy może pojawić się dopiero po kilku dniach.
Wpisz nazwę swojej strony w site.webmanifest i wgraj wszystkie pliki do głównego folderu strony.

Często zadawane pytania

Czy ten generator favicon jest darmowy?

Tak. Nie ma konta ani znaku wodnego.

Czy mój obraz jest wysyłany na serwer?

Nie. Ikony powstają w Twojej przeglądarce, a Twój obraz nigdy nie opuszcza Twojego urządzenia.

Jaki rozmiar powinien mieć mój favicon?

Zacznij od kwadratowego obrazu o wymiarach co najmniej 512 × 512 pikseli. Narzędzie zmniejsza go do każdego potrzebnego rozmiaru, więc nie musisz niczego zmieniać samodzielnie.

Czy przezroczyste tło działa?

Tak. Jeśli Twoje logo ma przezroczyste tło, w ikonach też pozostaje przezroczyste.

Gdzie mam umieścić pliki?

Wgraj je do głównego folderu swojej strony, a potem wklej kod z narzędzia do <head> swoich stron.