Co to jest Favicon?
Favicon 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 z włączonymi kartami i będzie wyświetlał się obok linków z zakładkami. Termin łączy słowa „ulubione” i „ikona”. Microsoft Internet Explorer w wersji 5.0 wprowadził możliwość wyświetlania ulubionych, a następnie innych głównych przeglądarek. Firefox, Netscape, Opera, Safari i Konquerer należą do wielu przeglądarek obsługujących tę funkcję.
Favicon jest tak mały, że mierzy się go w pikselach. Piksel to najmniejsza jednostka miary na ekranie komputera. Piksele przypominające małe bloki są wyraźnie widoczne podczas oglądania ekranu przez szkło powiększające. Favicon ma tylko 16 x 16 pikseli, 32 x 32 lub, w przypadku komputerów Macintosh, czasami 64 x 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 zmienić rozmiar obrazu. Ponieważ zmniejszenie obrazu może spowodować utratę przejrzystości, najlepiej zacząć od rozmiaru płótna około 64 x 64 pikseli.
Ikony te mogą być zaprojektowane w trybie monochromatycznym, 16 kolorach, 256 kolorach lub więcej, przy użyciu prawie dowolnego programu graficznego. Po zmniejszeniu i zapisaniu projektu można go przekonwertować na plik ikon . 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 opcję „Zapisz jako”, możesz przekonwertować obraz do odpowiedniego formatu .ico i nazwać plik favicon.ico.
Ikona może być teraz przesłana do katalogu głównego witryny. Przeglądarki będą szukać tego pliku i wyświetlą go, jeśli zostanie znaleziony. Oprócz przesłania go na stronę internetową, należy dodać dwa wiersze prostego kodu do sekcji <head> </head> strony, jak pokazano poniżej. Zmień „website.com” na rzeczywistą nazwę witryny:
<link rel="icon" href="http://website.com/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="http://website.com/favicon.ico" type="image/x-icon" />
Jeśli witryna zostanie dodana do zakładek w Internet Explorerze, zanim będzie miała favicon, nowa może się nie wyświetlić. 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 stronę 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ą także wyświetlać pliki .gif, .jpg i .png. Jeśli używasz pliku obrazu innego niż .ico, kod należy zmienić, aby odzwierciedlał poprawny typ obrazu. Na przykład, jeśli użyjesz favicon.png, kod będzie brzmiał: type="image/png" /> zamiast type="image/x-icon" /> .
Skojarzenie favikonu ze stroną internetową tworzy wizualny branding, który może pomóc internaucie przywołać twoją stronę internetową i jej zawartość poprzez proste spojrzenie na jej zakładki. Niezależnie od tego, czy jest to mini logo, czy oryginalny projekt, Twój obraz idealnie odzwierciedla zawartość witryny, 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 tworzenie jednego z nich jest prostym i przyjemnym zadaniem, które może zająć od kilku krótkich minut do popołudnia lub wieczoru.