Favicon to mały obrazek lub ikona wyświetlana przez przeglądarki internetowe obok adresu URL strony internetowej w pasku adresu oraz w zakładkach przeglądarki. Jest również wykorzystywany podczas dodawania strony do listy ulubionych w przeglądarce.
Jak wdrożyć favicon na stronie?
- Przygotuj plik graficzny o wymiarach 16×16 px lub 32×32 px.
- Przekonwertuj wybrany obrazek na format .ico. Możesz skorzystać z dostępnych narzędzi online lub programów graficznych do konwersji.
- Nazwij plik favicon.ico. Jest to standardowa nazwa, czytelna dla przeglądarki internetowej.
- Wgraj plik z faviconem do głównego katalogu swojej witryny internetowej na serwerze. Upewnij się, że plik favicon.ico znajduje się bezpośrednio w katalogu głównym, a nie w podkatalogu.
- Dodaj następujący kod HTML do sekcji nagłówka (<head>) każdej strony swojej witryny internetowej: <link rel=”shortcut icon” type=”image/x-icon” href=”/favicon.ico”>.
- Po wykonaniu tych kroków favicon powinien być widoczny na Twojej stronie internetowej w przeglądarkach – zarówno w pasku adresu, jak i w zakładkach. Jeśli nie widzisz faviconu, wyczyść pamięć podręczną przeglądarki.
Przykłady faviconu
Favicony mogą mieć różne formy:
- logo firmy,
- miniatura grafiki, symbolu, przedmiotu związanego z tematyką strony,
- inicjał lub skrót nazwy firmy,
- wzór lub kształt, który pasuje do estetyki witryny,
- miniatura zdjęcia,
- emblemat, herb lub symbol związany z daną organizacją, grupą lub branżą.
- H2: Gdzie widać favicon?
Favicon zobaczysz w pasku adresu i zakładkach (kartach) przeglądarki, wynikach wyszukiwania Google, historii przeglądarki, przy stronach zapisanych jako ulubione oraz w paskach narzędzi przeglądarek internetowych.
