Zbuduj kompletny pakiet faviconów z logo, ikony czcionkowej lub monogramu — favicon.ico, nowoczesne pliki PNG, ikona Apple touch, ikony PWA, manifest webowy i fragment HTML.

Wgraj logo, wybierz ikonę czcionkową lub wpisz monogram — wygenerujemy każdą favicon potrzebną nowoczesnej witrynie, od klasycznego favicon.ico po ikonę Apple touch, ikony PWA oraz gotowy do wklejenia fragment HTML.

Upuść tutaj plik PNG lub kliknij, aby przesłać
Zalecany przezroczysty PNG · akceptuje też JPG / WebP
64%
Kolor tła
0%
Używany przez interfejs przeglądarki i manifest PWA.
Twoja witryna
example.com
Zakładka · 32px
Apple touch · 180px
PWA · 512px

Twój pakiet faviconów jest gotowy
Pobieranie pliku ZIP rozpoczęło się. Rozpakuj go w katalogu głównym witryny i wklej fragment HTML do swojego <head>.

O Generator faviconów

Favicon Generator tworzy każdą ikonę, jakiej potrzebuje nowoczesna strona internetowa, z jednego źródła: prześlij logo PNG, wybierz ikonę fontową lub wpisz monogram. Pakiet zawiera klasyczny favicon.ico (16, 32 i 48 px), nowoczesne favikony PNG, ikonę Apple touch 180 px, ikony PWA 192 i 512 px, plik site.webmanifest oraz fragment kodu HTML do wklejenia w nagłówek.

Stylizacja odbywa się w narzędziu: wybierz kolor tła lub zachowaj przezroczystość, przytnij do kwadratu, zaokrąglonego kształtu lub koła, dostosuj wypełnienie i rozmiar grafiki oraz ustaw kolor motywu używany przez interfejs przeglądarki i manifest PWA. Podgląd na żywo pokazuje Twoją ikonę w rzeczywistych kontekstach — 16-pikselowa karta przeglądarki, zakładka, kafelek Apple touch i ikona PWA.

Wszystko jest renderowane na canvasie w Twojej przeglądarce, a Generuj składa cały pakiet w archiwum ZIP wraz z plikiem README. Instalacja to dwa kroki: rozpakuj pakiet do katalogu głównego swojej strony i wklej dołączony fragment kodu do sekcji <head>.

Jak korzystać z Generator faviconów

  1. Wybierz źródło: prześlij logo PNG, wybierz ikonę fontową lub wpisz monogram.
  2. Nadaj styl — kolor tła lub przezroczystość, kształt, wypełnienie i rozmiar grafiki.
  3. Uzupełnij nazwę strony, krótką nazwę i kolor motywu dla manifestu PWA.
  4. Sprawdź podglądy: kartę przeglądarki, zakładkę, kontekst Apple touch i PWA.
  5. Kliknij „Generuj favikony” i rozpakuj pakiet do katalogu głównego swojej strony.
  6. Wklej fragment kodu HTML z pakietu do sekcji <head> swojej strony.

Najczęściej zadawane pytania

Tak — pełny pakiet, w tym plik .ico, wszystkie rozmiary PNG, manifest i fragment HTML, jest darmowy do wygenerowania i pobrania.

favicon.ico z warstwami 16, 32 i 48 px, nowoczesne favikony PNG, apple-touch-icon 180 px, ikony PWA 192 i 512 px, plik site.webmanifest, gotowy do wklejenia fragment HTML oraz README z krokami instalacji.

Tak. Przeglądarki i roboty nadal żądają /favicon.ico jako rozwiązania awaryjnego, a starsze klienty na nim polegają. Pakiet dostarcza go razem z nowoczesnymi odnośnikami PNG, dzięki czemu każdy odwiedzający widzi ostrą ikonę.

Rozpakuj archiwum do katalogu głównego swojej strony, tak aby pliki znalazły się w katalogu głównym domeny, a następnie wklej dołączony fragment HTML do sekcji <head> swoich stron. README w ZIP powtarza te kroki.

Jest zapisywany w manifeście i znacznikach meta, barwiąc interfejs przeglądarki na urządzeniach mobilnych oraz ekran powitalny i pasek tytułu zainstalowanej PWA tak, by pasowały do Twojej marki.

Tak. Wpisz jedno- lub dwuliterowy monogram i wybierz czcionkę oraz kolory, albo wybierz glif z biblioteki ikon fontowych — generator wyrenderuje go w każdym rozmiarze tak samo jak przesłane logo.


Popularne wyszukiwania
generator favicon kreator favicon.ico utwórz favicon online apple touch icon generator ikon PWA favicon z logo
Potrzebujesz pomocy?
Masz problem z tym narzędziem? Daj nam znać.
Zgłoś problem

Dodaj to darmowe narzędzie do swojej witryny — skopiuj i wklej poniższy kod.