Favicon – co to jest i jak dodać ikonę do strony?

Ikona wielkości paznokcia, widoczna wszędzie

Jeden wymóg, reszta to zalecenia

Wymagania są krótsze, niż głoszą poradniki. Ikona „must be a square (1:1 aspect ratio) that’s at least 8x8px”, a Google zaleca rozmiar większy niż 48×48 pikseli, żeby dobrze wyglądała w różnych miejscach interfejsu.1 Obsługiwane formaty to BMP, GIF, ICO, PNG, JPEG, PPM i TIFF.1 Nie ma zatem wymogu „wielokrotności 48 pikseli”, który krąży po polskich poradnikach, ani obowiązku formatu ICO. Są za to dwa warunki dostępu, o których mówi się rzadziej: robot pobierający obrazy musi mieć dostęp do pliku ikony, a zwykły robot do strony głównej. Jest też ograniczenie zakresu: ikona działa dla strony głównej domeny lub subdomeny, ale nie dla adresu w podkatalogu.1

Cztery deklaracje i plik, który nie jest tym, na co wygląda

Sprawdziliśmy własną stronę 4 września 2026 roku i wyszło ćwiczenie z porządku. W nagłówku stoją cztery deklaracje ikon: obrazek PNG 96×96 pikseli o wadze 4446 bajtów, wersja wektorowa ważąca 706 bajtów, plik ICO o wymiarach 48×48 i wadze 15 086 bajtów oraz ikona dla urządzeń mobilnych 180×180. Ciekawiej robi się poza nagłówkiem: pod adresem /favicon.ico w katalogu głównym leży zupełnie inny plik: obrazek PNG o wymiarach 80×80 i wadze 3241 bajtów, mimo rozszerzenia sugerującego format ICO. Wszystko to działa, bo Google obsługuje PNG niezależnie od nazwy pliku, ale rozjazd między pięcioma wersjami tej samej ikony jest dokładnie tym rodzajem bałaganu, który po roku nikomu nie pozwoli odpowiedzieć na pytanie, którą wersję właściwie widzi wyszukiwarka.

Adres ikony ma być nudny i stały

Osobny warunek dotyczy nie samego pliku, lecz jego adresu: „the favicon URL must be stable (don’t change the URL frequently)”.1 Ma to znaczenie przy każdej przebudowie strony, bo zmiana ścieżki do ikony wygląda jak drobiazg, a wymusza ponowne wykrycie i przetworzenie pliku. Praktyczny wniosek jest prosty: adres ikony ustala się raz, najlepiej krótki i niezależny od katalogu z multimediami, a podmienia się zawartość pliku, nie ścieżkę. Google zastrzega przy okazji, że ikon uznanych za nieodpowiednie nie pokaże w ogóle, zastępując je domyślnym symbolem.1

Co decyduje o czytelności w szesnastu pikselach

Rysunek trzeba projektować pod docelowy rozmiar, a nie zmniejszać logo. Napis, który świetnie wygląda w nagłówku strony, w kwadracie o boku szesnastu pikseli zamienia się w szarą plamę. Dlatego zwykle zostaje pierwsza litera, prosty znak graficzny albo sam kształt z logotypu. Drugi warunek to kontrast wobec obu motywów przeglądarki: ikona z ciemnym konturem na przezroczystym tle znika w trybie ciemnym, a jasna sylwetka bez obrysu ginie na białym pasku kart. Oba ustawienia najlepiej sprawdzić, zanim plik trafi na serwer. Trzecia sprawa to waga, choć akurat tu przesada jest rzadkością: ikona pobiera się raz i zostaje w pamięci przeglądarki, więc kilka kilobajtów nie ma wpływu na szybkość strony. Sam plik warto sprawdzić przy okazji audytu SEO, razem z resztą nagłówka dokumentu.

Najczęstsze pytania

Jaki rozmiar favicony jest wymagany?
Minimum to kwadrat 8×8 pikseli, ale Google zaleca coś większego niż 48×48. Nie ma wymogu, żeby rozmiar był wielokrotnością 48.

Czy favicon musi być plikiem ICO?
Nie. Obsługiwane są także PNG, JPEG, GIF, BMP, PPM i TIFF. Rozszerzenie w nazwie pliku nie ma tu znaczenia.

Czy brak ikony obniża pozycję strony?
Nie. Wpływa natomiast na rozpoznawalność w wynikach mobilnych, gdzie użytkownik skanuje listę wzrokiem, zanim zacznie czytać tytuły.

Źródła

1. Google Search Central, Define a favicon to show in search results — wymóg kwadratu o boku co najmniej 8 pikseli i zalecenie ponad 48 pikseli, lista obsługiwanych formatów, warunek stabilnego adresu, dostęp robotów do pliku i strony głównej oraz zakres działania ograniczony do strony głównej domeny lub subdomeny. Zobacz wytyczne →