Favicon. Co to jest?

Favicon. Co to jest?

 

Favicon to malutka ikona znajdująca się w karcie przeglądarki internetowej przed nazwą strony internetowej w przeglądarce lub w zakładkach “ulubione”. Ikonka powinna mieć rozmiar 16×16 px, 32×32 px oraz rozszerzenie ICO, PNG, oraz GIF. Używając tych rozszerzeń możesz być pewny, że favicon pokaże się na wszystkich przeglądarkach.

 

 

Jak zrobić favicon?

 

Po pierwsze, stwórz ikonę. W internecie znajdziesz wiele stron, dzięki którym stworzysz ją w 30 sekund, użyj jedną z poniższych stron:

 

http://www.favicon-generator.de
https://www.favicon.cc/
http://antifavicon.com/

 

Na tych stronach w prosty sposób stworzysz swój nowy favicon, bez instalowania dodatkowych programów.

Jeśli jednak wolisz pracować na programach zainstalowanych na komputerze i piksel po pikselu stworzyć własną grafikę możesz użyć specjalnej wtyczki stworzonej do photoshopa, którą pobierzesz za darmo.
Według twórców wtyczka ta będzie działała również w innych programach, m.in. w Photoshop Elements, Paint Shop Pro, a także w Corel PhotoPaint. Favicona możesz też wykreować w łatwiejszych programach jak Gimp, CorelDraw, czy Windows Paint.

Gdy już masz utworzoną ikonę, pamiętaj, że powinna mieć rozszerzenie .ico, .png. lub .gif. Jeśli, więc grafika zapisana jest w innym rozszerzeniu musisz przekonwertować plik.

 

 

Ostatnim krokiem jest zapisanie pliku jako favicon.ico na dysku oraz na serwerze w katalogu głównym strony internetowej dopisując dodatkową linię kodu. Teraz ikona powinna być bez problemu wyświetlana przez większość przeglądarek.

 

Jak umieścić favicon na stronie opartej na WordPress’ie?

 

Bez problemu na stronie napisanej w WordPress’ie wstawisz swój favicon. Najprościej zacząć od wstawienia ikony na bloga, w ten łatwy sposób uzyskasz link pliku URL. Link ten wykorzystasz w kolejnym kroku przechodząc do zakładki Wygląd, dalej Edytor w panelu WordPressa oraz wpisując kod

<link rel=”icon” type=”image/png” href=”Link_do_ikony”/>

Gotowe. Favicon może nie wyświetlać się od razu i bądź cierpliwy lub usuń wszystkie dane z przeglądarki. Favicon wkrótce pojawi się przed adresem Twojej strony.

Używanie faviconów jest standardem wśród webdesignerów. Każda strona ma swoją unikalną ikonę, która odróżnia ją spośród innych witryn. Co więcej możesz skorzystać z darmowych, ogólnodostępnych stron internetowych, gdzie da się w prosty sposób stworzyć wyjątkowy favicon.

Favicon. Co to jest?
5 (100%) 1 vote

Piotr Frączkowski

Menedżer, marketer i webdeveloper. Założyciel Imaggo. Na co dzień wraz z zespołem realizuje projekty webowe i kampanie e-marketingowe dla małych, średnich i dużych firm.

Pozostaw komentarz