Co to jest favicon i jak to zrobić?

Favicon (ang. favorites icon) – jest to malutka ikona, która pojawia się w przeglądarce:

  • przed adresem strony internetowej
  • w ulubionych zakładkach
  • na każdej otwartej karcie

Dodanie favicon ułatwia użytkownikowi odnalezienie Twojej strony w swoich zakładkach i uatrakcyjnia Twoją stronę. Jest to drobny i może mniej istotny szczegół, ale uważam że warto dodać go do swojej strony internetowej.

Jak ustawić favicon do strony internetowej?

Favicon wykonujemy w dowolnym programie graficznym. Najlepiej utworzyć ją z naszego loga, jeśli nie jest zbyt skomplikowane lub chociaż jego części.

Ustawiamy ikonce rozmiar 16×16 pikseli. Jeżeli chcemy, aby nasza mała ikonka była przezroczysta, musimy zapisać ją w formacie *.png lub *.ico.


Tworzenie favicon online

Możemy także utworzyć favicon za pomocą narzędzi online. Dzięki nim możemy dostosować ikonkę do własnych potrzeb i pobrać ją na swój dysk.
Dwie strony tego typu:
genfavicon.com
favicon.cc

Po utworzeniu ikonki i wysłaniu jej na serwer pozostaje nam tylko dodać odpowiednią linijkę kodu do sekcji head naszej strony:

<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />


Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *