Generator favicon to darmowe narzędzie online, które konwertuje obrazy na pliki PNG favicon strony internetowej.
Jak używać Generator favicon?
Prześlij obraz źródłowy.
Wybierz rozmiary favicon do wygenerowania.
Wygeneruj i pobierz pliki PNG favicon.
Najczęściej zadawane pytania o Generator favicon
Jaki format obrazu jest zalecany dla favicon?
Zalecany jest kwadratowy obraz PNG (256×256 pikseli lub większy). Narzędzie automatycznie zmienia rozmiar do wszystkich potrzebnych wymiarów.
Czym jest Apple Touch Icon?
Apple Touch Icon to ikona wyświetlana po dodaniu witryny do ekranu głównego na urządzeniach iOS. Standardowy rozmiar to 180×180 pikseli PNG.
Wymieniłem favikonę, a przeglądarka wciąż pokazuje starą.
Przeglądarki trzymają favikony w pamięci podręcznej wyjątkowo długo, a zwykłe odświeżenie strony rzadko je stamtąd rusza. Sprawdź, wpisując adres pliku ikony wprost w pasku adresu; jeśli pojawi się tam nowy obrazek, wykonaj wymuszone odświeżenie albo otwórz stronę w oknie prywatnym. Aby każdy odwiedzający na pewno zobaczył zmianę, najpewniej jest zmienić nazwę pliku — na przykład favicon-v2.png — i uaktualnić znacznik link.
Jak sprawić, by favikona była widoczna w trybie ciemnym?
Ikona narysowana samymi czarnymi liniami praktycznie znika na ciemnym pasku kart. Zamiast zostawiać przezroczyste tło, podłóż koło albo kwadrat w kolorze marki i połóż kształt na wierzchu; sylwetka utrzyma się wtedy zarówno w motywie jasnym, jak i ciemnym. Favikona w SVG może nawet zmieniać kolor przez zapytanie medialne w trybie ciemnym, ale zostaw obok plik PNG dla przeglądarek, które tego nie obsługują.
Wskazówki dotyczące efektywnego korzystania z Generator favicon
Zacznij od kwadratowego PNG 512x512, aby wersje 16, 32 i 180 px pozostały ostre.
iOS wymaga apple-touch-icon 180x180, a manifest PWA ikon 192 i 512 px.
W karcie zostaje 16 px — jedna litera lub prosty znak czyta się lepiej niż logotyp.