Generuj pliki favicon w wielu rozmiarach (16x16 do 512x512) z dowolnego obrazu. Bezpłatne, natychmiastowe i działające całkowicie w przeglądarce.
Obsługuje PNG, JPG, SVG, WebP. Maks. 10MB.
Favikona to mała ikona wyświetlana na kartach przeglądarki, zakładkach i listach historii. Oryginalna favicona — plik ICO o wymiarach 16×16 w lokalizacji /favicon.ico — rozwinęła się do złożonego zestawu ikon o różnych rozmiarach dla różnych platform: 16×16 i 32×32 dla kart przeglądarki, 180×180 dla ekranów głównych iOS, 192×192 i 512×512 dla Androida oraz różne rozmiary kafelków systemu Windows. Tworzenie tego wszystkiego z jednego obrazu źródłowego jest zadaniem nowoczesnego generatora favicon.
To narzędzie pobiera pojedynczy obraz źródłowy o wysokiej rozdzielczości (zazwyczaj kwadratowe logo) i generuje pełny zestaw zasobów favikon oraz znaczniki linków HTML potrzebne do odniesienia się do nich. Dane wyjściowe obejmują ICO, wiele plików PNG i plik manifest.json zawierający metadane progresywnej aplikacji internetowej. Upuść powstałe pliki w katalogu głównym swojej witryny i odwołuj się do nich za pomocą wygenerowanego kodu HTML.
Całe przetwarzanie odbywa się w Twojej przeglądarce. Bez przesyłania, bez wywołań API, bez limitu szybkości. Dane wyjściowe działają w każdej nowoczesnej przeglądarce i systemie operacyjnym wyświetlającym ikony ulubionych.
Strony bez ulubionych ikon wyglądają na niedokończone. Na kartach przeglądarki wyświetlana jest ogólna ikona; zakładki nie mają identyfikatora wizualnego; strona wydaje się mniej profesjonalna. Dodanie odpowiedniego zestawu favikon to etap polerowania, który nie wymaga wysiłku i wywiera duży wpływ, i który sygnalizuje dbałość o szczegóły.
Wymagania współczesnych faviconów wykroczyły poza /favicon.ico. Ikony ekranu głównego systemu iOS, ikony przeglądarki Chrome w systemie Android, ikony kafelków systemu Windows i warianty trybu ciemnego korzystają z różnych plików. Generowanie ich wszystkich z jednego źródła zapewnia spójny branding bez konieczności ręcznego zarządzania każdym plikiem.
Prześlij obraz źródłowy, uzyskaj pełny zestaw favikon.
Pełny nowoczesny zestaw favicon: favicon.ico (16+32+48 multi-rozdzielczości), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, mstile-150x150.png. Plus site.webmanifest dla PWA, Browserconfig.xml dla Windows.
Każdy plik PNG jest generowany przez próbkowanie źródła w oparciu o płótno. ICO jest zbudowane w JavaScript poprzez połączenie wersji 16/32/48 w format ICO o wielu rozdzielczościach przy użyciu zapisów DataView.
Tagi linków HTML odwołują się do każdego pliku za pomocą odpowiednich atrybutów rel i size. Generator generuje je w formie gotowego do skopiowania i wklejenia fragmentu kodu <head> Twojej witryny.