Jak zrobić favicon z mojego logo?

Upuść plik PNG, JPEG, WebP lub SVG, ustaw opcje takie jak Kształt, Margines i Nazwa aplikacji, a następnie kliknij Generuj pakiet favicon (.zip). Skopiuj fragment HTML pokazany pod Wklej do head.

Jakie pliki są w ZIP z faviconem?

favicon-package.zip zawiera favicon.ico, ikony PNG (16, 32, 180, 192 i 512 pikseli), site.webmanifest z nazwą Twojej aplikacji oraz favicon-snippet.html ze znacznikami link.

Jaki rozmiar i format obrazu powinienem przesłać?

Akceptowane są PNG, JPEG, WebP i SVG, po jednym pliku naraz. Dla najostrzejszego wyniku użyj kwadratowego obrazu co najmniej 512x512; najlepiej sprawdza się przezroczysty PNG lub SVG.

Jak uzyskać okrągły lub zaokrąglony favicon?

Po przesłaniu wybierz Kwadrat, Zaokrąglony lub Koło w sekcji Kształt. Możesz też ustawić Margines od 0 do 25 procent i obejrzeć wynik w podglądzie Karta przeglądarki.

Czy mój obraz jest przesyłany i dlaczego generowanie się nie udaje?

Ikony są rysowane na Canvas przeglądarki i pakowane przez JSZip na Twoim urządzeniu. Jeśli widzisz Nie można wczytać tego obrazu, plik może być uszkodzony; spróbuj innego obrazu lub przeglądarki.

Czy naprawdę jest za darmo?

Tak. Każde narzędzie jest darmowe, bez konta i karty kredytowej. Praca odbywa się na Twoim urządzeniu, a nie na naszych serwerach, co pozwala utrzymać ją za darmo.

Czy moje pliki są wysyłane?

Nie. Twoje pliki są otwierane i przetwarzane w przeglądarce i nie są wysyłane do LibraTool. Niektóre narzędzia najpierw pobierają do przeglądarki silnik przetwarzania lub model AI; to pobranie nie zawiera żadnych Twoich danych.

Czy działa na urządzeniach mobilnych?

Tak. Działa w aktualnych przeglądarkach mobilnych na iOS i Androidzie, bez instalowania czegokolwiek. Bardzo duże pliki mogą być przetwarzane wolno lub wyczerpać pamięć telefonu, więc użyj do nich komputera.

🌟

Generator favicon za darmo

Zamień dowolny obraz w kompletny pakiet favicon: favicon.ico z wieloma rozmiarami, ikonę Apple touch, ikony Android/PWA, manifest webowy i gotowy do wklejenia fragment HTML — wszystko spakowane w ZIP, w Twojej przeglądarce.

Rozmiar pliku zależy od Twojego urządzeniaPliki pozostają prywatneLogowanie nie jest wymaganeZa darmo na zawsze

Upuść plik tutaj lub kliknij, aby przeglądać

PNG, JPG, WebP, SVG, HEIC, HEIF · przetwarzane na Twoim urządzeniu

lub naciśnij Ctrl+V, aby wkleić ze schowka

Przeglądaj pliki

Twoje pliki nigdy nie opuszczają urządzenia. Całe przetwarzanie odbywa się lokalnie w przeglądarce.

💡 Aby uzyskać najostrzejszy wynik, prześlij kwadratowy obraz o rozmiarze co najmniej 512×512. Najlepiej sprawdza się przezroczysty PNG lub SVG.

Typowe zastosowania

Utwórz Favicon WitrynyWygeneruj kompletny zestaw favikon, który oczekuje każda przeglądarka i urządzenie.
Generuj Ikony PWA i ManifestUzyskaj ikony 192px i 512px oraz web manifest, którego potrzebuje PWA.
Utwórz Ikonę Apple TouchWygeneruj ikonę 180×180, którą iOS używa, gdy witryna jest zapisana na ekranie głównym.
Zmień Logo na FaviconKonwertuj logo marki na czystą, rozpoznawalną favikonę.
Generuj Favikony dla Dowolnego FrameworkUzyskaj gotowe pliki favicon dla React, Next.js, WordPress i innych.

Jak to działa

To narzędzie zamienia dowolny plik PNG, JPEG, WebP lub SVG w kompletny pakiet favicon — wielorozmiarowy .ico, ikonę Apple touch, ikony Android/PWA, manifest aplikacji i gotowy do wklejenia fragment HTML — w całości w przeglądarce, z użyciem Canvas API i JSZip. Nic nie jest przesyłane; całe renderowanie i składanie plików odbywa się lokalnie.

1
Canvas skaluje obraz
Przeglądarka rysuje obraz źródłowy na niewidocznych elementach HTML Canvas w każdym wymaganym rozmiarze (16, 32, 48, 180, 192 i 512 px). Pliki SVG bez jawnych atrybutów width/height są najpierw normalizowane przez DOMParser i XMLSerializer, aby Firefox i Chrome dawały identyczny wynik zamiast pustego płótna.
2
Ręcznie napisany koder ICO tworzy plik .ico
Małe wpisy ICO (16, 32, 48 px) są kodowane jako surowe 32-bitowe bitmapy DIB BGRA — BITMAPINFOHEADER z wierszami XOR od dołu i 1-bitową maską AND — ponieważ komponenty powłoki Windows wymagają w tych rozmiarach nieskompresowanego formatu DIB. Narzędzie zapisuje nagłówek katalogu ICO i łączy wpisy wyłącznie za pomocą DataView i Uint8Array, bez zewnętrznej biblioteki ICO.
3
Pliki PNG powstają przez canvas.toBlob
Każdy wariant PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) jest przechwytywany przez wywołanie canvas.toBlob z 'image/png', co przekazuje bezstratne kodowanie wbudowanemu silnikowi obrazów przeglądarki. Opcjonalny margines, kolor tła i przycięcie kształtu (kwadrat, zaokrąglony lub koło) są stosowane do kontekstu płótna przed przechwyceniem.
4
JSZip łączy wszystko w jeden plik do pobrania
JSZip składa wszystkie wygenerowane pliki — favicon.ico, pięć plików PNG, site.webmanifest z nazwą aplikacji i favicon-snippet.html z właściwymi znacznikami <link> — w jeden obiekt .zip, który automatycznie pobiera się na urządzenie.

Twój obraz jest wczytywany bezpośrednio do Canvas API przeglądarki i nigdy nie opuszcza urządzenia — żadne dane pliku nie są nigdy przesyłane na serwer.

Powiązane narzędzia

🖼️

Konwerter PNG na favicon ICO

Konwertuj obrazy PNG, JPG, WebP lub SVG na pliki favicon .ico z wieloma rozmiarami. Wybierz rozmiary do dołączenia (16, 32, 48, 64, 128, 256) i pobierz pojedynczy plik .ico.

WypróbujPliki pozostają lokalnie

🎞️

Kreator animowanych GIF

Łącz wiele obrazów w animowany GIF. Regulowane opóźnienie klatek, szerokość wyjściowa, pętlowanie i jakość. Kodowane całkowicie w Twojej przeglądarce.

WypróbujPliki pozostają lokalnie

Popularne

✍️

Kreator podpisu

Narysuj podpis myszą, palcem lub rysikiem albo wpisz swoje imię czcionką odręczną, a następnie wyeksportuj go jako przezroczysty PNG lub SVG.

Wypróbuj