Favicon to niewielka ikona w postaci pliku graficznego o rozmiarach 16x16px, która pojawia się:
- w polu adresowym przeglądarki internetowej przed adresem
- na karcie w przeglądarce internetowej
- w zakładkach ulubionych

Dzięki faviconie odróżnimy naszą stronę wśród standardowych icon stron i zwrócimy uwagę internautów. Favicony nie są stosowane nagminnie więc zastosuj ją póki nie zrobiła tego twoja konkurencja. Zrobieniu favicona nie poświęcimy zbyt wiele, a możemy zyskać całkiem sporo.

Jak zrobić favicon?

Są na to dwa sposoby.

1. Favicon można wykonać w dowolnym programie graficznym. Plik graficzny z ikonką powinien mieć rozszerzenie *.ico. Photoshop ani Fireworks nie obsługuje tego formatu jednak można sobie z tym poradzić. Najpierw zapisujemy plik graficzny z ikoną do formatu jpg, png lub gif. Następnie, albo skorzystamy z Gimpa, IrfanView, które mają możliwość zapisu do formatu ico, albo co łatwiej skorzystamy na przykład ze strony favicon.pl gdzie zrobimy to on-line.

2. Druga możliwość jest dla osób nie posiadających programu graficznego. Na stronie http://www.favicon.cc/ dostępny jest generator gdzie możemy samodzielnie zrobić ikonę. Możliwości moim zdaniem są bardzo duże. Możemy rysować ikonę, możemy zaimportować obrazek z którego chcemy uzyskać ikonę, a to wszystko podglądamy w okienku poniżej na żywo i widzimy jak będzie wyglądać nasz favicon w przeglądarce. Po skończeniu favicona wystarczy ściągnąć go do siebie na dysk.

W sieci znalazłem jeszcze jeden adres http://www.genfavicon.com/ pod którym można zaimportować obrazek i zrobić z niego automatycznie favicona. Prosto szybko w 3 krokach, ale bez możliwości samodzielnego rysowania.

Mam favicona i co dalej?

Jak już mamy favicona to umieszczamy go w głównym katalogu z naszą stroną www i w kodzie strony (w górnej części sekcja head) umieszczamy do niej link w postaci:

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

Podobne wpisy:

1. Co to za czcionka? Czy mieliście kiedykolwiek taki problem? Ja nie raz otrzymywałem informację...
2. Led Pixel Icon Set Pierwszy z prezentowanych przeze mnie zbiorów ikon to Led Pixel...
3. Dodatek do Firefoxa analizujący szybkość strony Dziś chciałbym zaprezentować wam dodatek do przeglądarki FireFox „YSlow”, który...
4. Free Web Design Icon Set Kolejny z zbiór ikon to Free Web Design Icon Set....
5. Jakie statystyki wybrać do strony www i jak z nich korzystać? Regularne sprawdzanie statystyk naszej strony www to bardzo ważna rzecz....