Generator Favicon

Czym jest generator faviconów?

Favicon to mała ikona wyświetlana w kartach przeglądarki, zakładkach, wynikach wyszukiwania i skrótach aplikacji dla strony internetowej. Zazwyczaj 16×16, 32×32 lub 48×48 pikseli, favicony pomagają użytkownikom identyfikować Twoją stronę wśród wielu otwartych kart. Narzędzie generuje favicony we wszystkich wymaganych rozmiarach i formatach z jednego obrazu źródłowego.

Nowoczesne strony potrzebują wielu rozmiarów faviconów: 16×16 i 32×32 dla kart przeglądarki, 180×180 dla ikon dotykowych Apple, 192×192 i 512×512 dla skrótów na ekranie głównym Androida, a czasem SVG dla skalowalnego wyświetlania. Narzędzie generuje wszystkie wymagane rozmiary z jednego przesłanego pliku, plus niezbędne tagi HTML link do wstawienia na stronie.

Jak korzystać z tego narzędzia

Prześlij kwadratowy obraz (najlepiej co najmniej 512×512 pikseli). Narzędzie generuje wszystkie standardowe rozmiary i formaty faviconów. Podgląd jak każdy rozmiar wygląda. Pobierz kompletny pakiet faviconów zawierający plik ICO, wersje PNG i tagi meta HTML do wklejenia w sekcji head strony.

Wymagane rozmiary faviconów

• 16×16 — ikona karty przeglądarki (klasyczny rozmiar favicona).
• 32×32 — skrót na pasku zadań, karty przeglądarki HiDPI.
• 180×180 — ikona dotykowa Apple dla ekranu głównego iOS.
• 192×192 i 512×512 — ekran główny Androida i ekran powitalny (manifest PWA).

Wskazówki dotyczące projektowania faviconów

Favicony muszą być rozpoznawalne w bardzo małych rozmiarach. Używaj pogrubionych kształtów, prostej geometrii i wysokiego kontrastu. Tekst rzadko sprawdza się poniżej 32×32. Pojedyncza litera lub abstrakcyjny symbol marki jest najbardziej skuteczny. Przetestuj favicon w rzeczywistym rozmiarze (16×16) — szczegóły, które wyglądają świetnie przy 512×512, stają się niewidocznymi plamkami w rozmiarze favicona. Używaj przezroczystego tła dla faviconów PNG.

Najczęściej zadawane pytania

Jaka jest różnica między favicon.ico a faviconami PNG?

Format ICO może zawierać wiele rozmiarów w jednym pliku i jest obsługiwany przez wszystkie przeglądarki, w tym bardzo stare. Favicony PNG są prostsze (jeden rozmiar na plik) i używane przez nowoczesne przeglądarki. Większość stron teraz zawiera oba: plik ICO dla maksymalnej kompatybilności i PNG/SVG dla nowoczesnych przeglądarek. Tagi HTML link informują przeglądarkę, którego użyć.

Dlaczego mój favicon się nie wyświetla?

Typowe przyczyny: przeglądarka ma w pamięci podręcznej stary favicon (spróbuj wyczyścić cache lub załadować w prywatnym oknie), ścieżka pliku w tagu HTML link jest nieprawidłowa, format pliku jest błędny lub favicon nie jest w katalogu głównym. Przeglądarki agresywnie buforują favicony — zaktualizowany favicon może pojawić się dopiero po kilku dniach. Dodanie query string (favicon.ico?v=2) może wymusić odświeżenie.