Favicon (z ang. favorites icon, czyli ikonka ulubionych) jest to po prostu ikonka z logo (lub jego częścią) danej strony internetowej. Widoczna jest ona na pasku adresu lub na zakładce z otwartą stroną w przeglądarce internetowej. Favicon będzie się również wyświetlać przy stronie dodanej w zakładkach lub ulubionych stron.
Przykład favicon portalu kz1.pl (format .ico):
A tak jest widoczna na zakładce otwartej strony:
Jak dodać favicon do swojej strony?
Najpierw musisz przygotować plik, który będzie spełniał odpowiednie parametry:
Nazwa pliku: favicon
Format (rozszerzenie) pliku: .ico
Rozmiar: 16x16 lub 32x32 pikseli
Z racji tego że ikona favicon jest niewielkich rozmiarów, najczęściej umieszcza się w niej element graficzny z oficjalnego logo strony. Zmniejsza się go do odpowiednich rozmiarów i koniecznie zapisuje w formacie .ico, czyli ikony. Można do tego użyć jakiegoś rozbudowanego edytora grafiki.
Gdy już masz odpowiedni plik favicon.ico, możesz go dodać do swojej strony na dwa sposoby.
1 sposób
Kopiujesz plik ikonki do katalogu głównego serwisu, wtedy ścieżka do pliku będzie wyglądała tak:
https://kz1.pl/favicon.ico
Jeśli plik znajdzie się w tej lokalizacji, większość przeglądarek poradzi sobie z odczytaniem ikony i umieści ją w zakładce każdego internauty, który odwiedzi Twoją stronę.
2 sposób
Jeśli chcesz być pewien, że każda przeglądarka prawidłowo odczyta twoją faviconkę, możesz też umieścić w sekcji <head> w kodzie strony odpowiedni element:
<link rel="shortcut icon" href="favcion.ico" type="image/x-icon" />
Obie metody można stosować oddzielnie lub łącząc je, aby mieć pewność wyświetlenia favicony na stronie.
