Favicon (skrót od „favorites icon”) to mała ikona graficzna, która reprezentuje stronę internetową w przeglądarce. Pojawia się obok tytułu strony na karcie przeglądarki, w zakładkach, historii, a czasem również w wynikach wyszukiwania. Najczęściej ma wymiary 16×16 lub 32×32 piksele i zapisany jest w formacie .ico, .png lub .svg.
Po co się ją stosuje?
Favicon pełni kilka ważnych funkcji:
- Rozpoznawalność marki: Ułatwia użytkownikom szybkie odnalezienie Twojej strony wśród wielu otwartych kart.
- Wiarygodność: Strony z faviconem wyglądają bardziej profesjonalnie.
- Estetyka: Dodaje stronie wizualnej tożsamości.
- Ułatwia nawigację: Pomaga użytkownikowi szybciej zidentyfikować stronę, szczególnie gdy ma wiele zakładek lub otwartych kart.
Jak dodać favicon?
Aby dodać favicon do swojej strony, wystarczy wstawić w sekcji <head> kod:
<link rel="icon" href="/favicon.ico" type="image/x-icon">
Można też użyć innych formatów i wersji, np. dla urządzeń mobilnych:
<link rel="icon" href="/favicon.png" type="image/png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
Podsumowanie
Choć favicon to drobny element, jego wpływ na odbiór strony jest nieproporcjonalnie duży. Ułatwia użytkownikom identyfikację witryny, poprawia jej wygląd i buduje profesjonalny wizerunek online. Jeśli jeszcze nie masz ustawionej tej małej ikonki — warto ją dodać jak najszybciej.
