Favicon to mała ikona o wymiarach 16 x 16 pikseli używana w przeglądarkach internetowych do reprezentowania strony internetowej. Jest to anglojęzyczny skrót od „ulubionej ikony” – favourite icon. 

Są one najczęściej wyświetlane na kartach u góry przeglądarki internetowej, ale można je również znaleźć na pasku zakładek przeglądarki i od niedawna w mobilnej wersji Google.

Innymi słowy, favicon służy jako ikona witryny lub znak wizualny, za pomocą którego można zidentyfikować witrynę w sieci.

 

Dlaczego favicon jest ważny?

Mimo niewielkich rozmiarów ulubione mają ogromne znaczenie dla każdej witryny, poprawiając jej wygodę użytkowania, branding i profesjonalizm.

Favicony działają jako niezapomniane wizytówki dla Twojej witryny, zwiększając komfort jej użytkowania, ponieważ tworzą jednorodny wizerunek. Pomagają użytkownikom w łatwym zlokalizowaniu karty z Twoją stroną w przeglądarce i np. na pasku zakładek, dzięki czemu łatwiej jest zapamiętać i skojarzyć daną markę. 

Dobry branding polega na tym, aby nie przeoczyć nawet najdrobniejszych szczegółów. Favicons przyczyniają się do budowania marki i widoczności Twojej witryny, rozszerzając Twój styl i język oraz dając użytkownikom do zrozumienia, że to, co robisz jest spójne. 

 

Jak zrobić Favicon?

Aby utworzyć favicon, możesz rozważyć dwie ścieżki: zatrudnienie profesjonalnego projektanta lub stworzyć favicon samodzielnie, korzystając z wybranego programu do projektowania lub kilku narzędzi online. 

 

  1. Rozmiar: optymalny rozmiar do tworzenia favicon to 16 x 16 pikseli, czyli taki, w jakim są najczęściej wyświetlane. Mogą jednak czasami pojawiać się także w większych wymiarach (np. 32 x 32 piksele).
  2. Plik: preferowanym formatem pliku favicon jest JPEG lub PNG.
  3. Przezroczystość: jeśli projekt ma przezroczyste tło, pamiętaj o zapisaniu pliku jako PNG i włączonym ustawieniu przezroczystości.

 

Wstawienie Faviconu na stronę jest proste. Szczególnie dotyczy to kreatorów stron. Niektóre z nich oferują nawet własne programy do tworzenia i edytowania Favicon. Dowiedz się więcej sprawdzając nasz ranking narzędzi do tworzenia stron.