SEO
Favicon Generator
Prześlij obraz i otrzymaj kompletny zestaw favicon (16–512px, .ico, manifest webowy) wraz z gotowym kodem HTML dla <head>.
Archiwum zawiera wszystkie PNG, favicon.ico i site.webmanifest.
Modern browsers and operating systems no longer expect just one favicon.ico — they need a whole set of icon sizes for the browser tab, bookmarks, the iOS/Android home screen, and a PWA web manifest. This tool generates that entire set from a single uploaded image.
How to use it
- Upload a source image (ideally square, at least 512×512px) and the tool generates the full size range (16-512px) in ICO and PNG formats.
- Download an archive containing every favicon file and the site.webmanifest.
- Copy the finished block of <link> tags and paste it into the site's <head>.
Common uses
- Setting up a full favicon set for a new site without manually creating every size by hand.
- Upgrading an outdated icon setup (just a favicon.ico) to the modern standard with PWA and Android maskable icon support.
- Quickly checking how a logo looks shrunk down to 16×16px — fine details often blur together at that size.
Things to keep in mind
At small sizes (16-32px), fine logo details become illegible — a simplified mark works better as a favicon than a full logo with text.
Android maskable icons need a safe zone padded around the main artwork, or important content can get cropped off when a shape mask is applied.
Artykuł o tym narzędziu: Favicon: dlaczego jedna ikona wymaga tylu rozmiarów i formatów
Najczęstsze pytania
Dlaczego potrzebuję tak wielu różnych rozmiarów favicon?
Różne platformy wymagają różnych rozmiarów — karty przeglądarki zwykle używają 16x16 lub 32x32, ikony ekranu głównego iOS potrzebują 180x180, a Android używa różnych rozmiarów aż do 512x512 — wygenerowanie pełnego zestawu zapewnia, że Twoja ikona wygląda ostro wszędzie.
Jaka jest różnica między favicon .ico a .png?
Format .ico może łączyć wiele rozdzielczości w jednym pliku i ma najszersze wsparcie starszych przeglądarek, podczas gdy nowoczesne przeglądarki akceptują też zwykłe pliki .png odwoływane bezpośrednio w tagach link — większość witryn dziś używa obu dla kompatybilności.
Czy przesłany przeze mnie obraz jest wysyłany na serwer w celu wygenerowania favicon?
Nie. Całe zmienianie rozmiaru i konwersja formatu odbywa się całkowicie w Twojej przeglądarce — obraz nigdy nigdzie nie jest przesyłany.
Czy SVG może być używany jako favicon?
Tak — nowoczesne przeglądarki oparte na Chromium i Firefox obsługują <link rel="icon" type="image/svg+xml">, a taki favicon SVG pozostaje ostry przy każdej gęstości pikseli i może nawet automatycznie dostosowywać kolory do jasnego/ciemnego motywu systemu.
Czym jest ikona maskable dla Androida?
To ikona z bezpiecznym marginesem wokół głównej grafiki, umożliwiająca Androidowi przycięcie jej do dowolnego kształtu (koło, zaokrąglony kwadrat itp.) zgodnie z motywem urządzenia, bez obcinania istotnej treści ikony.