Generator favicon

Za darmo i bez rejestracji: wgraj logo (PNG, JPG, SVG) albo wpisz 1–3 litery lub emoji — dostaniesz favicon.ico z rozmiarami 16, 32 i 48 px w jednym pliku, PNG 16/32, apple-touch-icon 180×180 dla iPhone’a, ikony 192 i 512 dla Androida, site.webmanifest i gotowy kod HTML do <head>. Wszystko naraz — w jednym ZIP. Obraz rysuje się w Twojej przeglądarce: pliki nie są nigdzie wysyłane.

Źródło

Litery Emoji Obraz

Litery (1–3)

Czcionka

Grubość

Kolor liter

Tło

przezroczyste tło

Kształt

Zaokrąglenie: 22%

Rozmiar znaku: 80%

Przesunięcie w pionie: 0

Manifest i ścieżka do plików

Nazwa strony

Krótka nazwa

Folder na stronie

Kolor motywu

Podgląd

Moja strona — start

My Site
https://example.com

iPhone

Android

16 · 32 · 48 px

Pobierz pliki osobno

Obraz nie opuszcza Twojej przeglądarki: wszystko rysuje się i pakuje na Twoim urządzeniu.

Kod do <head>

site.webmanifest

Umieść pliki w katalogu głównym strony (lub w folderze podanym wyżej), wklej kod do <head> i sprawdź wynik w sprawdzaniu favicon.

Najważniejsze fakty

Cena: Za darmo
Rejestracja: Niewymagana
Przetwarzanie: W Twojej przeglądarce — nic nie trafia na serwer
Dane wejściowe: Obraz z Twojego urządzenia (PNG, JPG, SVG, WebP, GIF do 15 MB), 1–3 litery lub emoji
Limity: Bez limitów
Wynik: favicon.ico (16, 32, 48 px), PNG 16/32, apple-touch-icon 180, android-chrome 192 i 512, favicon.svg (dla liter, emoji i SVG), site.webmanifest i kod HTML — w jednym ZIP
Ostatnia aktualizacja: 2026-10-13

Alternatywy

Inne narzędzia do tego samego zadania i w czym każde z nich jest dobre:

RealFaviconGenerator — Pozwala dopracować ikonę osobno dla każdej platformy (iOS, Android, Windows, Google), tworzy favicon SVG i sprawdza już zainstalowany zestaw.
favicon.io — Szybki generator z tekstu, obrazu, SVG lub emoji; daje ZIP z ikonami i site.webmanifest.

Kiedy wybrać to narzędzie: Gdy logo nie może trafić na cudzy serwer, a potrzebujesz od razu całego zestawu — ICO, PNG, manifest, SVG i kod — z podglądem na karcie, w wynikach i na telefonie, po polsku, angielsku, ukraińsku lub rosyjsku.

Opisy sprawdzono na stronach tych narzędzi w październiku 2026 r.

Jak zrobić favicon dla strony

Favicon to ikona strony na karcie przeglądarki, w zakładkach, na ekranie telefonu i obok adresu w mobilnych wynikach Google. Generator tworzy pełny zestaw z logo, 1–3 liter lub emoji: favicon.ico z rozmiarami 16, 32 i 48 px w jednym pliku, PNG 16×16 i 32×32, apple-touch-icon 180×180 dla iPhone’a (z nieprzezroczystym tłem — iOS zamienia przezroczystość na czerń), ikony 192 i 512 dla Androida i site.webmanifest, a dla liter i emoji także favicon.svg. Małe rozmiary powstają z dużego obrazu w kilku krokach, więc się nie „szarpią”. Podgląd pokazuje kartę w jasnym i ciemnym motywie, wynik wyszukiwania i ekran główny. Wszystko powstaje w przeglądarce i pobiera się jednym ZIP.

Z obrazu (PNG, JPG, SVG, WebP), liter lub emoji

favicon.ico z 16, 32 i 48 px w jednym pliku

PNG 16/32, apple-touch-icon 180, Android 192 i 512, favicon.svg

site.webmanifest i gotowy kod do <head>

Kształt, zaokrąglenie, tło lub przezroczystość, rozmiar znaku

Podgląd na karcie, w wynikach, na iPhonie i Androidzie; wszystko w przeglądarce

Jak korzystać

Wybierz źródło: litery, emoji lub własny obraz
Ustaw kolory, kształt i rozmiar znaku, patrząc na podgląd
Pobierz ZIP i rozpakuj pliki do katalogu głównego strony
Wklej kod do <head> i sprawdź wynik narzędziem do sprawdzania favicon

FAQ

Minimum to favicon.ico w katalogu głównym (przeglądarki szukają go same), PNG 32×32 i apple-touch-icon 180×180. Dla Androida i instalacji jako aplikacji — ikony 192 i 512 w site.webmanifest. favicon.svg jest ostry na każdym ekranie, ale Safari na iOS go nie używa, więc ICO i PNG zostają.

Według zasad Google ikona musi być kwadratowa, o rozmiarze będącym wielokrotnością 48 px (48×48, 96×96, 144×144…) lub w SVG, a plik i strona główna muszą być dostępne dla Googlebota. Zmiana nie jest natychmiastowa: Google odczytuje ikonę ponownie przy indeksowaniu strony głównej, co może trwać tygodnie.

Nigdzie. Obraz jest wczytywany i rysowany w Twojej przeglądarce, tam też powstają ICO i ZIP; plik nie trafia na nasz serwer i nie jest przechowywany.

Przeglądarki długo trzymają ikonę w pamięci. Otwórz sam plik /favicon.ico i odśwież go Ctrl+F5 (Cmd+Shift+R na Macu) albo dodaj w kodzie wersję, np. favicon.ico?v=2. Co faktycznie zwraca serwer, pokaże nasze sprawdzanie favicon.

RealFaviconGenerator jest wygodny, gdy chcesz osobno dopracować wygląd dla każdej platformy. favicon.io szybko robi ikonę z tekstu, obrazu lub emoji. Ten generator wybierz, gdy plik nie może opuścić komputera i potrzebujesz od razu całego zestawu z manifestem i kodem — po polsku, angielsku, ukraińsku lub rosyjsku.

Który plik jest używany gdzie

Plik	Rozmiar	Gdzie go widać
favicon.ico	16, 32, 48 px	karty i zakładki we wszystkich przeglądarkach; przeglądarki szukają go w katalogu głównym nawet bez tagu
favicon.svg	wektorowy	karty Chrome, Edge i Firefox — ostry na każdym ekranie
favicon-32x32.png, favicon-16x16.png	32, 16 px	karty i zakładki, gdy przeglądarka wybiera PNG
apple-touch-icon.png	180 px	ekran główny iPhone’a i iPada
android-chrome-192/512.png	192, 512 px	ekran główny Androida i instalacja strony jako aplikacji (przez site.webmanifest)

Jak zainstalować

Rozpakuj ZIP do katalogu głównego strony — tam, gdzie jest strona główna (lub do folderu podanego w ustawieniach).
Wklej kod z pola „Kod do <head>” do szablonu strony przed zamykającym </head>.
W WordPressie prościej: Wygląd → Dostosuj → Tożsamość witryny → Ikona witryny — wgraj PNG 512×512 z archiwum, resztę rozmiarów WordPress zrobi sam.
Sprawdź wynik w sprawdzaniu favicon: pokaże, które pliki znajdują serwer i przeglądarki.

Jaka powinna być ikona

Prostsza niż logo. W 16×16 px nie da się przeczytać tekstu ani drobnych detali — zostaw pierwszą literę, symbol lub znak bez napisu.
Kontrast z kartą. Karty bywają jasne i ciemne: sprawdź oba podglądy. Ciemny znak na przezroczystym tle zniknie w ciemnym motywie.
Marginesy. Dla iPhone’a i Androida zostaw 10–20% marginesu: systemy same zaokrąglają rogi ikony.

Uczciwie o ograniczeniach

Emoji rysuje czcionka Twojego systemu — na Windows, macOS i Androidzie wygląda inaczej, a favicon.svg z emoji pokaże na każdym urządzeniu jego własne emoji.
Generator nie tworzy ikon SVG zmieniających kolor w ciemnym motywie (prefers-color-scheme) ani ikon maskable dla Androida.
Przestarzałe pliki browserconfig.xml i mstile dla kafelków Windows 8/10 nie są tworzone — współczesne przeglądarki ich nie potrzebują.
Jeśli obraz źródłowy ma mniej niż 512 px, duże ikony będą rozmyte — zobaczysz ostrzeżenie; najlepiej wgrać SVG.