Favicon
Favicon (od ang. favorite icon) to niewielka ikona identyfikująca stronę internetową, wyświetlana w karcie przeglądarki, na liście zakładek, w historii oraz — na urządzeniach mobilnych — obok wyników wyszukiwania Google. Zwykle jest to logo lub uproszczony symbol marki w kwadratowym formacie. Choć favicon zajmuje kilkanaście pikseli, pełni istotną rolę wizualną: pomaga użytkownikowi szybko odnaleźć witrynę wśród wielu otwartych kart i wzmacnia rozpoznawalność marki.
Jak działa favicon
Przeglądarka, wczytując stronę, szuka odwołania do ikony w kodzie HTML — w sekcji <head> umieszcza się znacznik <link rel="icon"> wskazujący plik ikony. Jeśli takiego odwołania nie ma, przeglądarka domyślnie próbuje pobrać plik favicon.ico z katalogu głównego domeny. Współcześnie deklaruje się kilka wariantów ikony w różnych rozmiarach i formatach, aby dobrze wyglądała na ekranach o różnej gęstości pikseli.
Formaty plików
Historycznie favicon zapisywano w formacie ICO, który mieści kilka rozdzielczości w jednym pliku. Dziś powszechnie używa się także PNG dla ostrych ikon oraz SVG, które skaluje się bezstratnie i może reagować na tryb ciemny przeglądarki.
Zastosowanie w praktyce
Poprawnie skonfigurowany favicon jest elementem spójnego brandingu i podstawą profesjonalnego wizerunku witryny. Systemy CMS, takie jak WordPress, pozwalają wgrać ikonę z poziomu panelu, a przy ręcznej konfiguracji wystarczy umieścić plik na serwerze i dodać odpowiednie znaczniki w szablonie. Favicon wykorzystywany jest również jako ikona skrótu po dodaniu strony do ekranu głównego smartfona oraz w aplikacjach PWA, gdzie razem z manifestem tworzy natywne wrażenie korzystania z aplikacji. Choć ikona jest drobnym elementem, jej brak lub domyślny szary symbol przeglądarki obniża postrzeganą wiarygodność witryny, dlatego dodanie faviconu należy do podstawowych kroków przy uruchamianiu każdej strony. W przypadku zmiany logo warto pamiętać, że przeglądarki agresywnie buforują ikonę, więc aktualizacja może wymagać wyczyszczenia pamięci podręcznej lub zmiany nazwy pliku.
Powiązane pojęcia
Najczęstsze pytania
W jakim formacie i rozmiarze przygotować favicon?
Klasycznie stosuje się plik ICO 16×16 i 32×32 px, ale nowoczesne strony dodają też PNG oraz SVG dla ekranów o wysokiej rozdzielczości. Warto przygotować większe warianty (np. 180×180 px) na potrzeby ikon skrótów na urządzeniach mobilnych.
Czy favicon ma znaczenie dla SEO?
Pośrednio tak. Favicon nie jest bezpośrednim czynnikiem rankingowym, ale Google wyświetla go obok wyników wyszukiwania na urządzeniach mobilnych. Rozpoznawalna ikona zwiększa zaufanie i może poprawić współczynnik klikalności (CTR).