dhosting
pytanie zadane 17 marca 2019 w Programowanie przez użytkownika

1 odpowiedź

odpowiedź 17 marca 2019 przez użytkownika

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):

favicon kz1

A tak jest widoczna na zakładce otwartej strony:

przykładowy favicon na zakładce przeglądarki
 

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.

...