Favicon to mała ikona graficzna powiązana z określoną stroną internetową lub jej podstroną. Jest widoczna w pasku adresu przeglądarki, obok nazwy strony w zakładkach oraz na kartach przeglądarki. Favicon może mieć różne rozmiary i formaty, najczęściej jest to plik ICO lub PNG. Służy do łatwej identyfikacji i wyróżnienia strony wśród innych zakładek i otwartych kart. Dodanie favicon na stronę internetową jest istotnym elementem brandingowym i może poprawić rozpoznawalność strony.
Favicon, znana również jako skrótowa ikona, to mała graficzna ikona, która jest powiązana z określoną stroną internetową. Jej główną funkcją jest ułatwienie identyfikacji strony zarówno w pasku adresu przeglądarki, listach zakładek, jak i na kartach przeglądarki. Dzięki niej użytkownicy łatwo rozpoznają stronę wśród wielu innych otwartych kart i zapisanych w zakładkach adresów.
Dodanie favicon na stronę internetową jest ważnym elementem brandingowym. Ikona ta jest niewielka, najczęściej ma rozmiar 16×16 lub 32×32 pikseli, ale mimo to stanowi istotny element wizualny, którego celem jest wyróżnienie strony na tle innych. Prosty, ale skuteczny projekt favicon może znacząco poprawić rozpoznawalność strony, co jest kluczowe w dobie ogromnej konkurencji w Internecie.
Najczęściej używanymi formatami favicon są ICO oraz PNG. Plik ICO jest tradycyjnie używanym formatem, który zapewnia zgodność z szeroką gamą przeglądarek, w tym starszych wersji Internet Explorera. ICO może także przechowywać wiele wersji ikony o różnych rozmiarach i głębiach kolorów, co pozwala przeglądarkom na wybieranie najbardziej odpowiedniej wersji zależnie od kontekstu wyświetlania.
Z kolei format PNG jest popularny ze względu na wyższą jakość obrazu i wsparcie dla przezroczystości, co jest kluczowe dla nowoczesnych projektów graficznych. PNG jest szeroko wspierany przez nowsze wersje przeglądarek takich jak Chrome, Firefox i Safari. Najczęściej używane rozmiary favicon to 16×16, 32×32, 48×48 i 64×64 pikseli, co pozwala na elastyczność i dostosowanie ikony do różnych miejsc, w których jest wyświetlana.
Proces dodawania favicon do strony internetowej jest stosunkowo prosty. Najbardziej standardową metodą jest umieszczenie odpowiednich znaczników HTML w sekcji <head> dokumentu strony. Przykładowo, aby dodać favicon w formacie ICO, można użyć następującego tagu:
<link rel="shortcut icon" href="icon.ico">
a dla PNG:
<link rel="icon" type="image/png" href="icon.png">
Ważne jest, aby plik z favicon znajdował się w łatwo dostępnym miejscu na serwerze oraz aby adres w href był poprawny. Warto także uwzględnić różne rozmiary favicon, aby przeglądarki mogły wybrać najbardziej odpowiednią wersję ikony zależnie od kontekstu jej użycia.
