Generator favicon

Zbuduj kompletny pakiet favicon w przeglądarce: prawdziwy wielorozdzielczościowy favicon.ico, pliki PNG od 16 do 512 px, site.webmanifest i fragment HTML.

Ładowanie narzędzia…

Generator faviconUpuść jeden obraz PNG lub JPG i błyskawicznie zbuduj kompletny pakiet favicon: prawdziwy wielorozdzielczościowy favicon.ico (16/32/48), kwadratowe ikony PNG od 16 do 512 px, plik site.webmanifest oraz gotowy do wklejenia fragment HTML head. Wybierz kształt kwadratowy, zaokrąglony lub maskable, dodaj wypełnienie tła i margines, a następnie pobierz dowolny pojedynczy rozmiar, plik .ico albo cały pakiet jako ZIP. Wszystko działa lokalnie w Twojej przeglądarce — Twój obraz nigdy nie jest przesyłany.

Czym jest Generator favicon?

Favicon Generator to darmowy kreator favicon działający w przeglądarce, który zamienia obraz PNG lub JPG w kompletny, gotowy do publikacji pakiet favicon. Powstał z myślą o programistach, projektantach stron i właścicielach witryn, którzy potrzebują szybko favicon do HTML, WordPress, PWA lub ikon Apple touch, bez instalowania oprogramowania ani rejestracji. Łączy prawdziwy wielorozdzielczościowy favicon.ico (16, 32 i 48 px), kwadratowe ikony PNG o rozmiarach 16, 32, 48, 180 (Apple touch) i 192/512 px (Android/PWA), plik site.webmanifest oraz fragment HTML head, wszystko wyrenderowane z wysokiej jakości skalowaniem canvas. Używaj go zawsze, gdy chcesz przekształcić logo lub obraz w każdy plik favicon, którego potrzebuje nowoczesna witryna, w całości na swoim urządzeniu.

Jak używać Generator favicon

  1. Upuść obraz PNG lub JPG na obszar upuszczania albo kliknij go, aby przeglądać i wybrać plik z urządzenia.
  2. Otwórz koło zębate ustawień, aby wybrać kształt kwadratowy, zaokrąglony lub maskable, włączyć kolor wypełnienia tła i ustawić margines krawędzi.
  3. Poczekaj, aż narzędzie wyrenderuje każdy rozmiar, złoży wielorozdzielczościowy favicon.ico oraz utworzy site.webmanifest i fragment HTML.
  4. Kliknij dowolną miniaturę, aby otworzyć lightbox z powiększeniem, albo skopiuj fragment HTML <head> i tekst manifestu wprost z ich paneli.
  5. Użyj przycisku dla danego rozmiaru, aby zapisać tylko jeden PNG, przycisku .ico dla zestawu ikon lub Pobierz pakiet, aby wziąć wszystko jako ZIP.
  6. Naciśnij resetowanie, aby wyczyścić bieżący obraz i zacząć od nowa z innym.

Przykłady

Z logo do pełnego pakietu favicon

Upuść logo PNG i otrzymaj favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png i site.webmanifest oraz pasujący fragment <head> — wszystko spakowane w favicon-package.zip.

Maskable ikona Androida

Zmień kształt na maskable i włącz białe tło: narzędzie dodaje margines strefy bezpiecznej i ustawia purpose ikony manifestu na "maskable", dzięki czemu Android może przyciąć ją do koła lub squircle bez obcinania Twojego logo.

Zaokrąglona ikona z marginesem

Wybierz kształt zaokrąglony i około 12% marginesu, aby uzyskać delikatnie przycięte rogi z przestrzenią wokół grafiki, w stylu nowoczesnych ikon aplikacji.

Najczęściej zadawane pytania

Czy favicon.ico to prawdziwa ikona wielorozdzielczościowa?
Tak. Narzędzie pakuje pliki PNG 16, 32 i 48 px do jednego kontenera favicon.ico zapisywanego bajt po bajcie w Twojej przeglądarce, więc jeden plik .ico dostarcza wszystkie trzy rozdzielczości kartom przeglądarki i zakładkom.
Jakie pliki są w pakiecie ZIP?
ZIP zawiera favicon.ico, ikony PNG (16, 32, 48, 180, 192 i 512 px o konwencjonalnych nazwach) oraz site.webmanifest. Wklej dostarczony fragment HTML <head>, aby połączyć je ze swoją stroną.
Co robią opcje kształtu i marginesu?
Kwadratowy zachowuje zwykłą kwadratową ikonę, zaokrąglony przycina rogi, a maskable dodaje margines strefy bezpiecznej i oznacza ikony manifestu jako maskable dla Androida. Margines zmniejsza grafikę w każdym kwadracie, a wypełnienie tła maluje za nią.
Jakie formaty obrazów mogę przesłać?
Możesz upuścić lub wybrać przez przeglądanie jeden obraz PNG lub JPG. Narzędzie odczytuje ten jeden obraz źródłowy i renderuje z niego każdy rozmiar wyjściowy, favicon.ico i manifest.
Czy mój obraz jest przesyłany na serwer?
Nie. Wszystko działa lokalnie w Twojej przeglądarce za pomocą Canvas API — ikony PNG, kontener favicon.ico i ZIP są tworzone na Twoim urządzeniu, więc Twój obraz nigdy nie jest przesyłany.

Powiązane narzędzia