Generator Favicon — utwórz Faviconę z obrazu za darmo
Wygeneruj ikony PNG o rozmiarze 16–512 pikseli, ikonę Apple Touch i manifest witryny.webmanifest z jednego obrazu.
Upuść kwadratowy obraz — dostaniesz wszystkie rozmiary favicon oraz plik site.webmanifest w jednym ZIP-ie.
Zawiera favicon.ico, site.webmanifest + fragment kodu HTML
Co możesz zrobić za pomocą Generator faviconów
Zanim zaczniesz, przejrzyj główne możliwości.
- Zacznij od obrazu, inicjałów albo emoji lub symbolu
- Podejrzyj kolory znaku literowego i styl tekstu przed wygenerowaniem
- Twórz ikony ekranu głównego Apple Touch i Androida
- Uzyskaj gotowy do użycia plik site.webmanifest
- Pobierz wszystkie rozmiary favikon w jednym pliku ZIP
- Wygeneruj favicon.ico oraz rozmiary PNG od 16 do 512 px
Odniesienie do ustawień
7 ustawień
Dostępne elementy sterujące dla Generator faviconów.
- Tryb przetwarzaniaUstawienia gotowe
- Przetwórz jeden element lub przełącz na tryb wsadowy Premium, aby zastosować te same ustawienia do wielu elementów. Dostępne typy danych wejściowych zależą od narzędzia.Opcje: Pojedynczy obrazWsadowo
Typ źródła
- Od czego ma zaczynać favikona?Ustawienia gotowe
- Wybiera przesłany obraz, zaprojektowany lokalnie monogram z jednego do trzech znaków albo emoji lub symbol jako źródło dla tego samego kompletnego zestawu favicon.Opcje: Użyj obrazu lub logoUtwórz z inicjałówUtwórz z emoji
Projekt
- Inicjały lub krótki tekstWprowadzanie tekstu
- Ustawia od jednego do trzech znaków dla trybu inicjałów i aktualizuje lokalny podgląd źródła przed generowaniem.
- Styl tekstuLista rozwijana
- Wybiera rodzinę czcionek monogramu w trybie inicjałów.Opcje: BezszeryfowaSzeryfoweO stałej szerokości
- Kolor tekstuPróbnik kolorów
- Wybiera kolor inicjałów; wyświetlane tylko dla źródła typu monogram.
- Kolor tłaPróbnik kolorów
- Ustawia jednolite tło za inicjałami lub emoji przed wygenerowaniem rozmiarów favikony.
- Emoji lub symbolWprowadzanie tekstu
- Akceptuje do czterech znaków Unicode w trybie emoji; wygląd zależy od przeglądarki i systemu operacyjnego użytego do wyświetlenia źródła.
Powiązane narzędzia dla Generator faviconów
Narzędzia do typowych kolejnych kroków po Generator faviconów.
Konwersja obrazu
Konwerter ICO
Konwertuj dowolny typowy obraz wejściowy na plik .ico o wielu rozdzielczościach od 16 do 256 pikseli dla obsługiwanych zastosowań w przeglądarkach i komputerach stacjonarnych.
Wypróbuj teraz
Konwersja obrazu
SVG na PNG
Rasteryzuj pliki SVG jako PNG w skali 1×–8× z przezroczystym, białym lub niestandardowym tłem.
Wypróbuj teraz
Konwersja obrazu
PNG na WebP
Konwertuj obrazy PNG na WebP z obsługiwaną przezroczystością i regulowanymi ustawieniami jakości.
Wypróbuj terazNajczęściej zadawane pytania
Aby zapewnić szeroką obsługę przeglądarek i urządzeń, typowe rozmiary docelowe to ikony przeglądarki 16×16 i 32×32, ikona Windows 48×48, ikona Apple touch 180×180 oraz ikony Android/PWA 192×192 i 512×512. Generator tworzy je wraz z plikami favicon.ico i site.webmanifest z obrazu, inicjałów albo emoji lub symbolu.
usageNowoczesne przeglądarki obsługują ikony PNG, ale favicon.ico pozostaje przydatnym rozwiązaniem zapasowym pod kątem zgodności. Pobrany pakiet zawiera wielorozdzielczościowy plik favicon.ico oraz nowoczesne rozmiary PNG, więc nie potrzebujesz drugiej konwersji.
technicalManifest 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.
featuresUżyj kwadratowego obrazu 512×512 lub większego, od jednego do trzech pogrubionych inicjałów o silnym kontraście albo jednego prostego emoji lub symbolu. Unikaj drobnych szczegółów, które znikają przy 16×16. Podgląd źródła na żywo pomaga ocenić monogram lub emoji przed wygenerowaniem pakietu.
tipsPrzesłane logo są wysyłane przez HTTPS, gdy wybierzesz Generuj. Źródła z inicjałami i emoji są najpierw renderowane lokalnie w Twojej przeglądarce, a następnie to wygenerowane źródło obrazu jest wysyłane w celu utworzenia pakietu. Pliki przetwarzane na serwerze podlegają Polityce bezpieczeństwa; samo edytowanie lokalnego podglądu niczego nie przesyła.
privacyRozpakuj 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.
usagePakiet dostarcza ikony 192×192 i 512×512 oraz startowy manifest używany przez instalowalne aplikacje internetowe. Same ikony nie sprawiają, że witryna jest instalowalna; Twoja aplikacja musi też spełniać aktualne wymagania przeglądarki dotyczące manifestu, HTTPS i service workera.
technicalTak. Wyświetl podgląd i pobierz czystą faviconę ZIP bez tworzenia konta. Zestaw ikon jest renderowany na naszych serwerach, więc bezpłatne korzystanie ma limit, a Premium usuwa ograniczenie.
pricingFavicon to mała ikona wyświetlana na kartach przeglądarki, w zakładkach i historii, a powiązane rozmiary ikon są używane dla skrótów na ekranie głównym i zainstalowanych aplikacji. Zacznij tutaj od obrazu logo, inicjałów albo emoji lub symbolu i pobierz zestaw ikon wraz z plikiem site.webmanifest w jednym pliku ZIP.
usageTak. Wybierz Utwórz z inicjałów, aby wpisać od jednego do trzech znaków, styl tekstu oraz kolory pierwszego planu i tła, albo wybierz Utwórz z emoji, aby użyć symbolu i tła. Odpowiedni panel projektu otwiera się automatycznie, źródło jest wyświetlane w podglądzie lokalnie, a nic nie zostaje wygenerowane, dopóki nie wybierzesz akcji favikony.
featuresTak — 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.
technicalWybierz Użyj obrazu lub logo, prześlij plik PNG i wygeneruj zestaw. Zawiera on wielorozdzielczościowy plik favicon.ico, rozmiary PNG, ikony Apple i Android, site.webmanifest oraz fragment kodu HTML w jednym pliku ZIP. Możesz też zacząć od JPEG, WebP lub SVG albo przełączyć tryby, aby zaprojektować monogram z inicjałów lub użyć emoji bądź symbolu.
usageTak — 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.
featuresTak — 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.
usagePrawie zawsze chodzi o jedną z trzech rzeczy. Plik przekracza bezpłatny limit 11 MB — Premium obsługuje 50 MB, a Pro 120 MB. Format nie jest obsługiwany przez to narzędzie, więc sprawdź listę w panelu przesyłania. Albo rzeczywisty format pliku nie zgadza się z rozszerzeniem: zmiana nazwy nie zmienia jego zawartości, dlatego pozornie prawidłowy plik może zostać odrzucony.
troubleshootingTak — dostosuj dane wejściowe i generuj ponownie tyle razy, ile potrzebujesz; nic nie jest zablokowane, dopóki nie pobierzesz. Sprawdź wynik w rozmiarze, w jakim faktycznie będzie używany, ponieważ coś, co jest wyraźnie czytelne na ekranie, może zawieść, gdy zostanie wydrukowane w małym formacie lub pokazane na telefonie.
troubleshootingNie. Możesz uruchomić Favicon Generator i pobrać darmowy wynik bez konta i nie zawiera on znaku wodnego. Premium to to, co kupujesz, gdy limity zaczynają się ograniczać: do 60 plików w jednej partii, przesyłanie większych plików, brak dziennego limitu i wynik w oryginalnej rozdzielczości. Na etapie pobierania nie jest ujawniane nic, co nie było widoczne przed rozpoczęciem.
pricingNie — Favicon Generator działa w przeglądarce na komputerze stacjonarnym i telefonie. Nie trzeba nic instalować, nie trzeba rozpoczynać okresu próbnego ani kupować licencji, zanim zobaczysz, czy spełnia Twoje potrzeby. Wypróbuj na pliku, w którym faktycznie utknąłeś, a nie na próbce.
troubleshootingJak Generator faviconów pomaga Ci osiągnąć cel
Prawdziwe problemy, które rozwiązuje każdego dnia — dla firm, twórców i codziennych zadań. Znajdź przypadek użycia, który Ci odpowiada i zacznij.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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ś.
Obejrzyj each transformation li
Every zdjęcie crosses the slash untouched i comes out the other side finished.
