Generator faviconów
Utwórz z jednego obrazu wszystkie favicony, których potrzebuje Twoja strona.
Zgłoś problem z tym narzędziem
Jak używać narzędzia Generator faviconów
Dodaj logo lub obraz
Upuść na stronę plik PNG, JPG, WebP, GIF lub SVG. Najlepiej sprawdza się kwadratowy obraz o prostym kształcie.
Dostosuj wygląd
Przytnij do kwadratu lub zmieść cały obraz, wybierz przezroczyste lub kolorowe tło, dodaj margines i zaokrąglij narożniki. Podgląd pokazuje każdy rozmiar i kartę przeglądarki.
Pobierz i dodaj kod
Pobierz plik ZIP, prześlij pliki do katalogu głównego witryny i wklej wiersze HTML do sekcji head swoich stron.
Dlaczego warto korzystać z Utils365
Kompletny zestaw
favicon.ico z rozmiarami 16, 32 i 48 px, favicony PNG, ikona Apple touch, ikony dla Androida i site.webmanifest, wszystkie nazwane tak, jak oczekują przeglądarki.
Zobacz przed pobraniem
Sprawdź, jak ikona wygląda w rzeczywistych rozmiarach oraz na jasnych i ciemnych kartach przeglądarki, aby drobne szczegóły nie zginęły.
Prywatność w standardzie
Wszystko dzieje się w przeglądarce, więc Twoje logo nigdy nie jest przesyłane na serwer.
Często zadawane pytania
Jakich rozmiarów favicon potrzebuję?
favicon.ico (16, 32 i 48 px) obsługuje karty przeglądarki i zakładki, ikona Apple touch 180 px ekrany główne iPhone’a i iPada, a pliki PNG 192 i 512 px Androida i zainstalowane aplikacje webowe. To narzędzie tworzy je wszystkie z jednego obrazu.
ICO, PNG czy SVG: jakiego formatu favicon użyć?
Wszystkich trzech. favicon.ico działa wszędzie, także w starych przeglądarkach i narzędziach, które szukają go automatycznie. Favicony PNG dają ostre wyniki w stałych rozmiarach. Favicon SVG jest ostry w każdym rozmiarze; otrzymasz go, jeśli zaczniesz od pliku SVG.
Czym jest apple-touch-icon?
To ikona, której iPhone i iPad używają, gdy ktoś doda Twoją stronę do ekranu głównego. Ma 180 × 180 px i nie może być przezroczysta, więc jest zapisywana z jednolitym tłem (białym, jeśli wybrano przezroczyste). iOS sam zaokrągla jej narożniki.
Gdzie umieścić pliki favicon?
Rozpakuj je do katalogu głównego witryny, obok strony głównej, tak aby favicon.ico był pod adresem twojastrona.pl/favicon.ico. Następnie wklej wiersze HTML pokazane na tej stronie do sekcji head każdej strony lub do szablonu witryny.
Dlaczego nie widzę nowego favicona?
Przeglądarki długo przechowują favicony. Otwórz bezpośrednio adres favicona, wykonaj twarde odświeżenie lub otwórz okno prywatne, aby zobaczyć nowy.