Generator faviconów — utwórz wszystkie rozmiary faviconów z obrazu

Prześlij dowolny obraz i natychmiast otrzymaj kompletny zestaw favikon: 16, 32, 48, 180 (Apple), 192 i 512 (PWA) oraz site.webmanifest, spakowane w archiwum ZIP.

Upuść swoje logo, aby wygenerować każdy rozmiar favicona

Zawiera plik site.webmanifest + fragment HTML

Pliki są automatycznie usuwane po przetworzeniuBez znaków wodnychBezpłatne w użyciu — bez rejestracji

Frequently Asked Questions

Dla nowoczesnych przeglądarek i urządzeń potrzebujesz sześciu rozmiarów: 16×16 i 32×32 dla kart przeglądarki, 48×48 dla ikon witryn w Windows, 180×180 dla ikony Apple touch (ekran główny iOS) oraz 192×192 + 512×512 dla ekranów głównych Androida i monitów instalacji PWA. Nasz generator tworzy wszystkie sześć rozmiarów plus plik site.webmanifest z jednego obrazu źródłowego.

usage

Większość nowoczesnych przeglądarek preferuje tagi link z plikami PNG (rel="icon" type="image/png"), więc plik ICO nie jest już wymagany. Pomijamy przestarzały format ICO i dostarczamy favicony PNG w rozmiarach poprawnie dopasowanych do każdego nowoczesnego celu. Jeśli musisz obsługiwać Internet Explorera lub bardzo stare wersje Chrome, możesz osobno przekonwertować jeden z plików PNG na ICO.

technical

Manifest aplikacji internetowej to plik JSON, który mówi Androidowi, Chrome'owi i Edge, jak ma wyglądać Twoja witryna po zainstalowaniu jako progresywna aplikacja internetowa — ikona, nazwa, kolor motywu i tryb wyświetlania. Nasz generator zawiera startowy manifest wskazujący na ikony Android Chrome; wystarczy, że zmienisz nazwę i theme_color.

features

Kwadratowy (1:1) plik PNG o wymiarach 512×512 lub większych daje najczystszy wynik w każdym rozmiarze. Unikaj drobnych detali, które znikają przy 16×16 — favicony najlepiej sprawdzają się z jednym wyrazistym kształtem i wysokim kontrastem. Przezroczyste pliki PNG działają; narzędzie dodaje obramowanie, aby ikona była wyśrodkowana w każdym rozmiarze.

tips

Tak — Twój obraz źródłowy jest skalowany przy użyciu API canvas i pakowany do pliku ZIP lokalnie. Nic nie jest przesyłane. Dzięki temu można bezpiecznie generować ikony dla niewydanych produktów i tożsamości marek przed ich oficjalnym startem.

privacy

Rozpakuj pobrany plik do folderu /public (lub katalogu głównego) swojej witryny, a następnie dodaj dołączony fragment HTML do sekcji <head>: znaczniki link dla ikon PNG oraz odnośnik do site.webmanifest. Wymuś pełne odświeżenie witryny (Cmd+Shift+R) — przeglądarki agresywnie buforują favikony, więc może być konieczne wyczyszczenie pamięci podręcznej, aby nowa ikona się pojawiła.

usage

Tak — pliki PNG o rozmiarach 192×192 i 512×512 to dokładnie to, czego Chrome i Edge oczekują, aby uznać witrynę za instalowalną aplikację PWA. Wraz z manifestem spełniają one test instalowalności PWA w Lighthouse.

technical

Tak. Bez znaków wodnych, bez rejestracji, bez limitu użycia — a archiwum ZIP należy do Ciebie na zawsze. Dodaliśmy to narzędzie, ponieważ każdy programista prędzej czy później potrzebuje zestawu favikon, a istniejące generatory były albo zapchane reklamami, albo kazały płacić za wyniki w wysokiej rozdzielczości.

pricing

How Favicon Generator helps you get it done

Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.

For Developers

Premiery niezależnych twórców

Samodzielni założyciele wypuszczający swój MVP potrzebują dopracowanej ikony favicon przed startem. Wygeneruj wszystkie rozmiary z jednego obrazu logo wraz z manifestem jednym kliknięciem — bez Figmy, bez subskrypcji narzędzi do projektowania.

For Business

Konfiguracja klienta agencji

Przy oddawaniu nowej strony klienta zestaw favikon rzadko jest uwzględniony w budżecie, ale zawsze jest oczekiwany. Wygeneruj plik ZIP na koniec projektu, wrzuć go do /public i odhacz ten element na liście.

For Developers

Możliwość instalacji jako PWA

Aby przejść kontrolę instalowalności w Chrome, Twój manifest potrzebuje ikon 192×192 i 512×512. Nasz wynik spełnia ten wymóg od razu, wraz z pasującymi znacznikami head HTML.

For Business

Przestrzenie robocze dla wielu marek

Agencje i konsultanci żonglujący wieloma markami klientów mogą wygenerować zestaw favikon na nowo w 10 sekund przy każdym odświeżeniu marki — bez konieczności utrzymywania akcji w Photoshopie.

For Developers

Branding projektu open source

Strony hostowane na GitHub Pages, Vercel, Netlify i Cloudflare Pages potrzebują favikon, aby wyglądać dopracowanie na kartach przeglądarki. Wrzuć wygenerowane pliki do swojego repozytorium, a Twój projekt będzie wyglądał jak gotowy produkt.

Marketing

Odświeżenie marki

Gdy zmienia się Twoje logo, wygeneruj ponownie każdy wymagany rozmiar — w tym ikonę Apple touch 180px oraz ikonę Android PWA 512px — bez ręcznego eksportowania z Illustratora.