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 (jako alternatywa www.degraeve.com/favicon).
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:
- Ile jest warta Twoja strona internetowa? Dziś znalazłem 2 ciekawe strony internetowe na, których możecie sprawdzić...
- Dodatek do Firefoxa analizujący szybkość strony Dziś chciałbym zaprezentować wam dodatek do przeglądarki FireFox „YSlow”, który...
- Co to jest outsourcing? Outsourcing to zlecenie zadań zewnętrznym firmom specjalizujących się w nich....
- Co to jest web2.0? Web2.0 to trend w internecie, który stał się bardzo popularny....
- Jak zrobić prosty button na stronę bez żadnego oprogramowania? Jako grafik być może nie powinienem pisać takich postów, gdyż...
Komentarze (19) do “Co to jest favicon? Jak zrobić favicon?”
Zostaw komentarz
10 lut 2010 o 14:46
Bardzo przydatny wpis:)
2 maj 2010 o 19:45
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:
z tego co zrozumiałem to tylko, ze trzeba wrzucić swoje logo na jakaś stronę i (chyba) skopiować ten adres i wkleić go do :
Adres ikonki forum (favicon)
Ikonka powinna mieć rozmiary 16×16 pikseli i być w formacie .ico, .gif lub .png. Link poprzedź frazą „http://”.
a później już nie wiem nie mogę zrozumieć tego co tu napisałeś :/
rozumiem ze się z tym namęczyłeś ale gdybyś dodał do tego zdjęcia bylo by to łatwiejsze
4 maj 2010 o 21:34
1. Umieszczasz plik z faviconem na serwerze w katalogu głównym
2. W sekcji head umieszczasz link
i to tyle nie ma nic później
7 lip 2010 o 10:30
Zrobilem wszystko co trzeba, ale to i tak nie dziala. Prosze o pomoc!
Piszcie na adres: "adriancinal@onet.eu".
7 lip 2010 o 22:44
Adro podaj link do strony gdzie nie działa Ci favicon i powiem Ci co nie tak zrobiłes.
20 wrz 2010 o 20:49
hej, próbowałam zrobić favicona dla myforum.pl ale nie mogę. tu jest link, pomóż [url=http://49forum.myforum.pl]49FU[/url]
21 wrz 2010 o 23:32
Kate, a w czym konkretnie mogę Ci pomóc?
5 paź 2010 o 10:43
Pozwolę sobie skorzystać z uprzejmości admina i prosić o pomoc w identycznej sprawie. Miałem w poprzednim hostingu działający favicon.ico (działał też, nieco zmieniony przez https). Po przeniesieniu zasobów do innego hostingu przestał działać. Mam w głównym katalogu plik favicon.ico (widoczny przez http://ipoba.pl/favicon.ico) i kod: <link rel="shortcut icon" type="image/x-icon" href="request->baseUrl; ?>favicon.ico” />. Co jest nie tak?
Pozdrawiam
5 paź 2010 o 13:01
Już znalazłem rozwiązanie problemu.
GBK
7 paź 2010 o 22:13
Do Photoshopa jest plugin, który umożliwia zapisywanie *.ico i *.cur.
7 paź 2010 o 22:21
Też kiedyś z tym pluginem się spotkałem aczkolwiek sam to najczęściej robiłem plik png i wrzucałem do IrfanView, a on „wypluwał” mi ico.
11 paź 2010 o 13:00
@Sławek, ta metoda z png i Irfanview działa, jest szybka i skuteczna, choć ludzie mało uwagi zwracają na favicony, ale dla mnie są bardzo ważne;) Są użyteczne.
11 paź 2010 o 17:17
Ja az tak nie zwracam na nie uwagi, ale warto bo duzo roboty z tym nie ma, choc zrobienie ladnego favicona to tez nie lada sztuka
16 gru 2010 o 22:48
witam, proszę o pomoc. Korzystam z przeglądarki Mozilla. Wczoraj na stronie startowej http://www.wp.pl pojawiły mi się pocięte obrazki, jakby się strona posypała. Dziś bez zmian toteż zadzwoniłem do helpdesku wp, a tam zalecono mi wyczyszczenie wszystkich ciasteczek i historii przeglądania z zakładki "narzędzia", co uczyniłem. Ku mojemu zdumieniu zamiast ikony wp pojawił się obrazek http://www.wp.pl/favicon.ico, którego nie potrafię zamienić na ikonkę wp. Dziękuję za pomoc Kiprinski
17 gru 2010 o 17:57
favicon musi znajdować się w katalogu głównym domeny.
17 gru 2010 o 17:58
Strona WP wygląda poprawnie wraz z faviconem więc także podejrzewam, że kwestia cookies. Sprawdz też w innej przeglądarce.
12 lis 2011 o 22:36
Nie działa mi niestety, może ktoś rzucić okiem?
Mam wszystko tak jak jest tutaj napisane…
http://www.morecolor.pl
12 lis 2011 o 23:26
Kamil odśwież stronę, usuń pliki tymczasowe sprawdziłem działa Ci w ie, ff, operze, chrome więc wszystko jest ok.
30 gru 2011 o 9:19
Wpis w headzie powoduje błąd po sprawdzeniu przez W3C.org – sprawa kodowania UTF-8.
Jednak działa w chromie i IE bez dodawania wpisu,jedynie umieszczenie favicona w katalogu głównym jest wystarczające.Należy pamiętać o kilkakrotnym odświeżeniu strony,ponieważ za piewszym razem pobiera cookie z pamięci przeglądarki.Na innych przeglądarkach nie sprawdzałem.