SVG na favicon

Zamień logo SVG w kompletny zestaw favicon — favicon.ico, apple-touch-icon i ikony aplikacji internetowych — rasteryzowany ostro w Twojej 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.

Wektor na wejściu, każdy rozmiar rastrowy na wyjściu

SVG to idealne źródło dla favicon: jest niezależny od rozdzielczości, więc każdy rozmiar ikony może być rasteryzowany z oryginalnej geometrii, zamiast przepróbkowywany z już pomniejszonej bitmapy. Wrzuć swój SVG, a każdy plik wynikowy — 16, 32, 48, 180, 192 i 512 pikseli — jest rysowany z wektora w jego natywnym rozmiarze, co utrzymuje krawędzie ostre, a nie zamulone. To właśnie różnica między ikoną, która w karcie wygląda na przemyślaną, a taką, która wygląda jak smuga.

Dlaczego wciąż potrzebujesz pliku .ico

Nowoczesne przeglądarki bez problemu użyją favicon w formacie SVG bezpośrednio, ale starsze i mnóstwo narzędzi — czytniki kanałów, rozwijacze linków w komunikatorach, skróty na pulpicie — nadal szukają favicon.ico. Wygenerowanie obu z tego samego SVG pokrywa wszystko. Dodaj margines, wybierz maskę kwadratową, zaokrągloną lub kołową oraz tło, a następnie pobierz pełen zestaw z gotowym do wklejenia fragmentem kodu HTML.

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.