pytanie zadane 17 marca 2019 w Programowanie przez użytkownika

1 odpowiedź

odpowiedź 17 marca 2019 przez użytkownika
edycja 4 kwietnia 2022 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.

komentarz 11 lutego 2020 przez użytkownika Gość
A to ten mały obrazek na zakładce po lewej stronie tytułu strony?  Muszę przyznać że jest to przydatna rzeczy, bo człowiek jest wzrokowcem i po obrazkach lepiej wyszukuje informacje. Te favicony przydają się do szybkiego odszukania strony z listy ulubionych zakładek.
komentarz 23 kwietnia 2020 przez użytkownika Gość
Jako webmaster mogę powiedzieć że ten favicon w obecnych czasach to powinien być wymagany standard. Bo tak to taka gola strona na zakładce jest. A już najśmieszniejsze są strony profesjonalnych firm oparte na wordpressie i mające nadal favicone wp :D
komentarz 28 czerwca 2020 przez użytkownika Gość
Wyczerpująco opisane. I cyk favikonka ląduje na mojej stronie.
komentarz 2 grudnia 2020 przez użytkownika Gość
Jesli strona ma faviconke, to potem w wyszukiwarce na urzadzeniach mobilnych na liscie sie ona wyswietla. Wiec warto dodac.
komentarz 25 października 2021 przez użytkownika Gość
Ten drugi sposób dodawania w HTML według mnie jest trudniejszy. Najprościej zrobić to pierwsza metoda, wrzucasz policzek graficzny i z głowy.
komentarz 3 lutego 2022 przez użytkownika Gość
A na wp też tak zadziała?
...