Favicon (ang. favorites icon: ikona ulubionych) to plik graficzny o rozmiarach 16×16 pikseli lub 32×32 piksele – ikona strony internetowej. Ikonka ta pojawia się:

  • przed adresem strony w polu adresowym przeglądarki WWW,
  • na zakładce i karcie w przeglądarce internetowej,
  • w zakładkach ulubionych.

Tworzenie favicony dla strony www

Stworzenie własnej favicony nie jest trudne i nie wymaga wiele pracy.
Faviconę możemy stworzyć w dowolnym programie graficznym (np. Photoshop’ie, Corel’u, GIMP’ie lub Paint). W programie tym otwieramy nowe okno o wymiarach 16×16 px i rysujemy coś w nim, dodajemy nazwę serwisu lub dostosowujemy posiadane logo do wymiarów okna. Po stworzeniu ikony zapisujemy ja w formacie .ico.

Jeśli nie mamy programu graficznego możemy skorzystać z generatorów online:

  • www.favicon.cc,
  • www.degraeve.com/favicon,
  • favicon-generator.org.

Umieszczenie favicony w serwisie

Aby przeglądarki wyświetlały favicon należy:

  • zdefiniować ją w kodzie HTML znacznikiem „link”, np.
    <link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />
  • umieścić ją w głównym katalogu, w którym znajduje się strona internetowa. Nie ma wtedy potrzeby definiowania adresu favicon w kodzie strony.
UWAGA! Chcesz zamieścić ten artykuł na swojej stronie?
» Pamiętaj o zachowaniu formatowania tekstu i ewentualnych odnośników do reklamowanych stron w formie aktywnej.
» Zamieść informację na temat pochodzenia artykułu wstawiając pod nim poniższy kod w niezmienionej wersji:

» Pochwal się w komentarzach gdzie zamieściłeś artykuł. Na pewno jego autor ucieszy się z tego i z chęcią odwiedzi Twoją stronę.


Inne artykuły użytkownika