Diabeł często tkwi w szczegółach, a szczegóły takie jak fawikonki, choć nie są naijistotniejszym elementem strony – wiele osób pewnie ich w ogóle nie zauważa lub nie przywiązuje do nich znaczenia – przyczyniają się jednak do ogólnego wrażenia jakie wywiera nasza strona na odwiedzających.
Fawikon, to od angielskiego favicon, czyli favorites icon, czyli ikona ulubionych. Pozwoliłam sobie spolszczyć nazwę angielską i zamiast ikona ulubionych (jak proponuje polska Wikipedia), używać po prostu nazwy fawikon. Według mnie brzmi sympatycznie:-).
Fawikon ma postać obrazka 16×16 lub 32×32 pikseli, na ogół w formacie ikony .ico, ale mogą być stosowane także pliki gif i png. Fawikon to często logo firmy lub jakiś element charakterystyczny wystroju strony. Może to być także Twoje zdjęcie - taki mini-awatar (awatar to mały obrazek pod informacjami o Tobie przy każdym poście).
Fawikon pojawia się pojawia się w wielu miejscach, a przede wszyskim:
- przed adresem w polu adresowym przeglądarki internetowej
- w menu ulubionych
- w kanale RSS
Jak stworzyć fawikon?
Najtrudniejsze w całym przedsięwzięciu jest zdecydowanie o wyglądzie ikonki tak, aby pasowała do treści reszty strony, a następnie stworzenie niedużego pliku w formacie gif, jpg, png lub bmp, o wymiarach kwadratowych przy użyciu jakiegokolwiek programu graficznego.
Jeśli potrzebujesz inspiracji, odwiedź stronę Smashing Magazine.
- Gdy masz już gotowy plik graficzny, wejdź na stronę FavIcon Generator (tego narzędzia użyłam do stworzenia mojej ikonki).
- Użyj przycisku Browse, aby wskazać plik, z którego chcesz stworzyć fawikon.
- Następnie kliknij na Create Icon, po czym Download FavIcon i zachowaj plik na swoim komputerze.
FavIcon Generator tworzy ikony całkiem automatycznie i bez Twojego udziału. Jeśli chcesz samemu edytować piksele, to użyj na przykład Favicon.cc lub IrfanView.
Jak dodać fawikon do swojej strony?
Po pierwsze, przy pomocy FTP-a, wrzuć ikonę do głównego katalogu swojej strony lub jakiegoś innego. Potrzebna będzie także wtyczka. Jest ich kilka, ja użyłam Favicon Manager 0.1.
Zainstaluj i uruchom wtyczkę w panelu administratora (jeśli jeszcze nie wiesz jak to się robi, przeczytaj WordPress dla początkujących: Wtyczki, czyli jak dodawać nowe funkcje).
Następnie wejdź na stronę wtyczki (w Ustawienia, Favicon), podaj ścieżkę do ikony i kliknij Update Options. I to wszysko!
UWAGA: Jeśli nie od razu zobaczysz upragnioną ikonkę w linii adresowej, nie przeklinaj, bo to nie ładnie. Spróbuj dodać najpierw swoją stronę do Ulubionych. Fawikon pojawi się w linii adresowej za drugim razem kiedy odwiedzisz stronę. Spróbuj także otworzyć nowe okno wyszukiwarki.
{ 7 komentarzy… czytaj lub dodaj komentarz }
Gwoli ścisłości - wtyczka jest nie potrzebna. Możesz fawikonkę umieścić bez niej. Trzeba ją po prostu skopiować do katalogu głównego i nazwać favicon.ico. W Wordpressie taki pliczek już istnieje tylko ma zerową wielkość, więc domyślnie nic się nie wyświetla. Najtrudniej to stworzyć taką ikonkę
Może w końcu i ja się za to wezmę i coś sobie zmontuję… Czas najwyższy od tylu lat blogasek nie ma swojej ikonki… 
Ok, zwracam honor, wtyczka się przydaje bo mieszanie w kodzie szablonu może być faktycznie irytujące
Dobry wpis - namówiłaś mnie, dziękuję
Czy plik wyjściowy faviconki, przed załadowaniem go do generatora, o którym piszesz, może być większy niż 32×32?
Tak, plik może być większy niż 32×32.
Dziękuję
Ale już się sam pomęczyłem nad małum obrazkiem 32×32.
Polecam strone:
http://www.favicon-generator.de/?lang=en-US
Z kazdej grafiki zrobi favicon
Jest całe mnóstwo innych generatorów faviconów, tak że można nawet zrobić w grafikę w Paint i konwertować do faviconu. Wystarczy wpisać w wyszukiwarce favicon generator. A to dwa z listy:
http://www.favicon.co.uk/how.php
http://tools.dynamicdrive.com/favicon/