co to jest favicon

Favicon – Co to jest i jak go dodać?

Co to jest favicon?

Favicon to mała ikonka, obrazek , który pojawia się przed adresem naszej strony. Możemy ją również znalezć na pasku zakładek lub też najczęściej odwiedzanych stron.
Dobrze zaprojektowany favicon pozwoli nam zbudować branding i wyróżniać się spośród innych stron. Aktualnie każda nawet najmniejsza strona powinna stosować to rozwiązanie.

Jakiego rozmiaru powinien być favicon?

Najlepszym rozwiązaniem będzie zastosowania tutaj rozszerzenia ICO. Pozwoli nam to na automatyczne dostosowanie rozmiaru w zależności od urządzenia,przeglądarki. W większości jednak rozmiar 16×16 będzie najczęściej używany.

Najbardziej popularne rozmiary favicon :

– 16×16
– 32×32
– 48×48
– 128×128

favicon przyklad

Jak zrobić favicon ?

Najłatwiejszą metodą na stworzenie naszej ikonki jest skorzystanie z gotowych już generatorów.
Możemy oczywiście stworzyć ją ręcznie w photoshopie, jednak łatwiej jest skorzystać z gotowych sposób i zaoszczędzić czas.

Lista stron do stworzenia favicon:

https://favikon.com/
https://www.favicongenerator.com/
https://www.favicon-generator.org/
http://tools.dynamicdrive.com/favicon/
http://www.genfavicon.com/

Jak dodać favicon na naszą stronę ?

Jeśli nasza strona jest na WordPress to w większości przypadków możemy wgrać naszą ikonkę z poziomu panelu admina. Jeśli jednak korzystamy ze strony na innym silniku to należy dodać w linii następujący kod:

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

Po czym wystarczy, że nazwiemy naszą ikonkę nazwą favicon i dodamy ją na nasz serwer/hosting strony.