Generator favicon

Wygeneruj kompletny zestaw favicon z jednego obrazu — favicon.ico, apple-touch-icon, ikony Androida/PWA oraz fragment kodu HTML — w całości w przeglądarce. Nic nie jest przesyłane.

Prywatność przede wszystkim: każdy obraz jest przetwarzany lokalnie w przeglądarce. Nic nie jest przesyłane, przechowywane ani wysyłane na żaden serwer.

Wszystkie ikony, których potrzebuje nowoczesna strona, naraz

Favicon to już nie jeden plik. Przeglądarki odczytują mały favicon.ico dla kart i paska adresu, iOS potrzebuje apple-touch-icon 180×180 na ekran główny, a Android i instalowalne aplikacje internetowe pobierają pliki PNG 192 i 512px z manifestu internetowego. Ten generator tworzy je wszystkie z jednego obrazu źródłowego i daje gotowy do wklejenia fragment kodu HTML, więc nie eksportujesz sześciu rozmiarów ręcznie.

Skomponowany po Twojemu, w pełni prywatny

Zachowaj ikonę kwadratową, zaokrąglij rogi albo przytnij ją do koła; dodaj margines, aby logo nie było wciśnięte przy krawędzi; i wybierz przezroczyste lub jednolite tło. Podgląd na żywo pokazuje wynik w rzeczywistych rozmiarach favicon, w tym w makiecie karty przeglądarki. Ponieważ każdy plik jest generowany na Twoim urządzeniu, Twoje logo — często nieopublikowany element marki — nigdy nie trafia na serwer.

Najczęściej zadawane pytania

Czy mój obraz jest przesyłany, aby utworzyć favikonę?
Nie. Favicon.ico, ikony PNG i manifest są w całości generowane lokalnie w przeglądarce przy użyciu Canvas API. Twój obraz nigdy nie opuszcza urządzenia.
Jakie rozmiary i pliki otrzymuję?
Wielorozdzielczościowy favicon.ico (16, 32 i 48 px), ikony PNG w rozmiarach 16, 32, 48, 180 (apple-touch-icon), 192 i 512 px, plik site.webmanifest oraz fragment kodu HTML do wklejenia w sekcji <head>.
Czy mogę przekonwertować PNG lub SVG na ICO?
Tak. Wrzuć plik PNG, JPG, SVG lub WebP i pobierz prawdziwy favicon.ico. Loga SVG są najpierw rasteryzowane lokalnie w wysokiej rozdzielczości.
Jaki obraz sprawdza się najlepiej?
Kwadratowy obraz z prostym, kontrastowym logo. Obrazy niekwadratowe są przycinane do środka; użyj ustawień marginesu i kształtu, aby skadrować je tak, jak chcesz.
Jak zainstalować favikonę?
Rozpakuj pakiet do głównego folderu swojej witryny i wklej podany fragment kodu HTML w sekcji <head> swoich stron. Favicon.ico jest automatycznie wykrywany przez większość przeglądarek.