Generator favicon

Zrób ikonę strony z inicjałów albo logo i pobierz komplet plików - od małej ikonki w karcie przeglądarki po ikonę na ekranie telefonu.

Z liter Z obrazka

Litery (1–3)

Kolor liter Krój

Tło Kształt

Przezroczyste tło (favicon w karcie) Nazwa strony

16px

32px

64px

180px

Kod do sekcji <head>

Wszystko dzieje się w Twojej przeglądarce - nic, co tu wpiszesz, nie trafia na żaden serwer.

Jak to działa

Co jest w paczce

favicon.ico (16, 32 i 48 px) dla kart przeglądarki, icon-192.png i icon-512.png dla Androida i aplikacji, ikona „maskable” z bezpiecznym marginesem, apple-touch-icon.png dla iPhone'a i iPada oraz site.webmanifest. Pliki wgraj do głównego katalogu strony, a kod HTML wklej do sekcji <head>.

Jak zrobić czytelną ikonę

Favicon w karcie ma tylko 16 pikseli, więc szczegóły logo znikają. Najlepiej sprawdzają się jedna lub dwie litery albo sam symbol z logo, w mocnym kontraście z tłem. Sprawdź podgląd w karcie przeglądarki - tak zobaczą ją Twoi klienci.

Najczęstsze pytania

Gdzie wgrać pliki favicon?

Do głównego katalogu strony (tam, gdzie jest strona główna), tak żeby favicon.ico był dostępny pod adresem twojastrona.pl/favicon.ico. W WordPressie ikonę ustawisz też w Wygląd → Dostosuj → Tożsamość witryny.

Dlaczego nie widzę nowej ikony?

Przeglądarki długo trzymają favicon w pamięci. Otwórz stronę w oknie prywatnym albo wyczyść pamięć podręczną.

Czy Google pokaże moją ikonę w wynikach wyszukiwania?

Tak, jeśli ikona ma co najmniej 48 × 48 px i jest kwadratowa - paczka spełnia te wymagania. Pojawienie się jej w wynikach może potrwać kilka dni.