Favikona to niestandardowa ikona powiązana ze stroną internetową lub witryną, która pojawia się obok adresu http w oknie adresu URL przeglądarki. Będzie również zajmować otwarte karty w przeglądarkach obsługujących karty i będzie wyświetlać się obok linków dodanych do zakładek. Termin łączy w sobie słowa „ulubione” i „ikona”. Microsoft Internet Explorer w wersji 5.0 wprowadził możliwość wyświetlania favicon, a następnie inne główne przeglądarki. Firefox, Netscape, Opera, Safari i Konquerer to jedne z wielu przeglądarek obsługujących tę funkcję.
Favicon jest tak mały, że jest mierzony w pikselach. Piksel to najmniejsza jednostka miary na ekranie komputera. Piksele, które przypominają maleńkie bloki, są wyraźnie widoczne podczas oglądania ekranu przez szkło powiększające. Favicon to tylko 16×16 pikseli, 32×32, a w przypadku komputerów Macintosh czasem 64×64 lub większy.
Zaprojektowanie logo dla tak małego płótna nie jest łatwym zadaniem, więc łatwiej jest zacząć od większego płótna, a następnie zmniejszyć rozmiar obrazu. Ponieważ zmniejszenie obrazu może spowodować utratę jego przejrzystości, najlepiej zacząć od rozmiaru płótna około 64×64 pikseli.
Ikony te można zaprojektować jako monochromatyczne, 16 kolorów, 256 kolorów lub więcej, przy użyciu prawie każdego programu graficznego. Po zmniejszeniu i zapisaniu projektu można go przekonwertować na plik ikony. Nie wszystkie programy graficzne zapisują pliki jako pliki .ico, ale istnieje wiele programów graficznych dostępnych online, które są specyficzne dla tworzenia i konwersji plików .ico. Otwierając plik .bmp, .jpg, .gif lub inny plik obrazu w jednym z tych programów i wybierając “Zapisz jako”, możesz przekonwertować obraz do odpowiedniego formatu .ico i nazwać plik favicon.ico.
Ikonę można teraz przesłać do katalogu głównego Twojej witryny. Przeglądarki będą szukać tego pliku i wyświetlić go, jeśli zostanie znaleziony. Oprócz wgrania go na stronę internetową, w sekcji strony internetowej należy dodać dwie linie prostego kodu, jak pokazano poniżej. Zmień „website.com” na rzeczywistą nazwę swojej witryny:
Jeśli witryna internetowa zostanie dodana do zakładek w przeglądarce Internet Explorer, zanim będzie miała faviconę, nowa może nie zostać wyświetlona. Usuń zakładkę, opróżnij pamięć podręczną przeglądarki i uruchom ją ponownie. Teraz ręcznie surfuj po stronie i powinieneś zobaczyć favicon. Dodaj witrynę do zakładek, aby dodać ją do ulubionych.
Podczas gdy Internet Explorer wymaga, aby favicon był plikiem .ico, Firefox, Netscape i inne popularne przeglądarki mogą również wyświetlać pliki .gif, .jpg i .png. Jeśli używasz innego typu pliku obrazu niż .ico, kod należy zmienić tak, aby odzwierciedlał poprawny typ obrazu. Na przykład, jeśli użyjesz favicon.png, kod będzie brzmieć: type=”image/png” /> zamiast type=”image/x-icon” />.
Skojarzenie favikony z witryną tworzy wizualny branding, który może pomóc internautom przypomnieć sobie Twoją witrynę i jej zawartość za pomocą prostego spojrzenia na jego zakładki. Niezależnie od tego, czy jest to minilogo czy oryginalny projekt, Twój obraz będzie idealnie odzwierciedlał treść, charakter lub nazwę witryny. Istnieje kilka firm internetowych, które w razie potrzeby zaprojektują dla Ciebie favicon. Jednak dla osób z podstawowymi umiejętnościami obsługi komputera stworzenie takiego jest prostym i przyjemnym zadaniem, które może zająć od kilku minut do popołudnia lub wieczoru.