Every favicon size from one image

Hand-exporting six icon sizes per site is tedious. Drop one image and get 16–512px PNGs, the Apple touch icon, and site.webmanifest zipped in seconds.

PPPP

Drop a square image — get every favicon size plus site.webmanifest as a ZIP.

Zawiera favicon.ico, site.webmanifest + fragment kodu HTML

What you can do with Generator faviconów

Everything this tool helps you accomplish — no learning curve, no setup.

  • Generate every favicon size from one image
  • Create Apple touch and Android home-screen icons
  • Get a ready-to-use site.webmanifest file
  • Download all favicon sizes as a single ZIP
  • Add a crisp browser-tab icon to your website
Uploads are encrypted in transitRemoved under our retention policy

Najczęściej zadawane pytania

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

Twój obraz źródłowy jest przesyłany przez HTTPS na nasz bezpieczny serwer, który renderuje każdy rozmiar favicona oraz plik site.webmanifest i zwraca je jako ZIP, a następnie automatycznie usuwa przesłany plik po przetworzeniu. Pobrania nie mają znaku wodnego i nic nie jest przechowywane ani udostępniane, więc pozostaje to bezpieczne dla niewydanych produktów i przedpremierowych tożsamości marki.

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

Yes. Preview the favicon set before signup, then create a free account to download the ZIP without a watermark. The icon set is rendered on our servers, so signed-in free use has an allowance and Premium removes the cap.

pricing

Favicon to mała ikona, którą przeglądarka pokazuje obok tytułu strony w karcie, w zakładkach i w historii. Jest też używana jako ikona, gdy ktoś doda Twoją witrynę do ekranu głównego telefonu lub zainstaluje ją jako aplikację. Prześlij tutaj swoje logo, a generator utworzy pełny zestaw rozmiarów favicon oraz plik site.webmanifest w jednym pliku ZIP.

usage

Tak — narzędzie przesyłania akceptuje pliki źródłowe PNG, JPEG, WebP i SVG, nie tylko PNG. Warto użyć SVG, jeśli go masz: ponieważ jest wektorowy, każdy rozmiar wyjściowy od 16 do 512 jest renderowany na nowo z danych wektorowych, zamiast być skalowany w górę z rastra, więc krawędzie pozostają ostre nawet przy 512×512. JPEG i WebP też działają dobrze, choć wcześniej powinieneś spłaszczyć przezroczystość na tło, ponieważ JPEG nie potrafi przechować kanału alfa.

technical

Prześlij swoje logo w formacie PNG, a generator zamieni je w wielorozdzielczy plik favicon.ico zawierający wersje 16, 32 i 48 pikseli, których oczekują przeglądarki, wraz z sześcioma rozmiarami PNG i plikiem site.webmanifest, wszystko spakowane w jednym archiwum ZIP. Obsługiwane są też źródła JPEG, WebP i SVG, więc dowolny plik logo zamienisz w favicon bez otwierania edytora obrazów.

usage

Tak — Pixoate obsługuje przetwarzanie wsadowe i zbiorcze. Przejdź do trybu wsadowego, dodaj maksymalnie 60 obrazów źródłowych w wersji Premium lub 200 w wersji Pro, ustaw opcje raz, a każdy obraz źródłowy będzie przetwarzany z tymi samymi ustawieniami przed pobraniem jednego pliku ZIP zawierającego pełne archiwum pakietu favicon dla każdego obrazu źródłowego. Przetwarzanie zbiorcze to funkcja Premium; wyjście korzysta z tej samej jakości i ustawień, co w trybie pojedynczym.

features

Tak — w przypadku przetwarzania zbiorczego konfigurujesz ustawienia tylko raz i mają one zastosowanie do każdego elementu w partii — do 60 obrazów źródłowych w wersji Premium lub 200 w wersji Pro. Nie ma potrzeby powtarzania konfiguracji dla każdego elementu, a przesłane i wygenerowane pliki tymczasowe są bezpiecznie przetwarzane i usuwane automatycznie.

usage

Jak Generator faviconów pomaga Ci osiągnąć cel

Realne problemy, które rozwiązuje każdego dnia — dla firm, twórców i codziennych zadań. Znajdź zastosowanie pasujące do Ciebie i zacznij w kilka sekund.

Dla deweloperów

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.

Dla firm

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.

Dla deweloperów

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.

Dla firm

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.

Dla deweloperów

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.

Dla deweloperów

Ikony do manifestu rozszerzenia przeglądarki

Wyciągnij pliki PNG w rozmiarach 16, 32 i 48px prosto z pliku ZIP do obiektu icons w swoim manifest.json — to szybki sposób na uzyskanie zgodnych ikon rozszerzenia bez ręcznego eksportowania każdego rozmiaru w narzędziu graficznym.

Web i SEO

Uzupełnij brak favicon na stronach no-code

Webflow, Framer i Wix rzadko samodzielnie generują pełny zestaw favikon; wgraj tutaj swoje logo i wklej gotowe rozmiary oraz fragment HTML do panelu kodu niestandardowego lub ustawień SEO witryny w kilka minut.

Do użytku osobistego

Nadaj blogowi hobbystycznemu dopracowany wygląd

Osobiste blogi na Ghost, Jekyll czy Hugo często w ogóle nie mają favicona; wygeneruj pełny zestaw z portretu lub odręcznie narysowanego logo, aby karta przeglądarki wyglądała celowo, a nie pusto.

Marketing

Napraw favicon oznaczoną w audycie SEO

Brakująca lub uszkodzona favicona to częsty problem zgłaszany w raportach Lighthouse i robotów SEO, który po cichu obniża klikalność w wynikach wyszukiwania i zakładkach. Wygeneruj ponownie cały zestaw w jednym przesłaniu i zamknij ten problem już dziś.