Favicon


Mi az a FAVICON?

A favicon (a favorite icon rövidítéséből) egy weboldalhoz tartozó kis ikon, amit a böngészők több helyen is megjeleníthetnek. Leggyakrabban a böngésző címsorában, a böngészőfül elején találkozunk velük, illetve a könyvjelzők előtt.

Miért használjunk favicont?

Nem csak díszként használatos, fontos funkciója például, hogy weboldalunkat könnyen azonosíthatóvá tegye akkor is, ha éppen nem látszik az egész oldal. 
Ha valaki több fület használ egyszerre a böngészőjében, akkor is könnyen, gyorsan beazonosítja oldalunkat, és könnyen visszatér a felületünkre. 

Azért praktikus, mert általában előbb veszünk észre egy képet, színes ábrát, mint a körülötte lévő szöveget. Ha a weboldal nem használ ilyen “kedvenc ikont”, akkor a böngésző automatikusan egy fehér lappal helyettesíti - weboldal tulajdonosként ezt érdemes elkerülni.

Hogyan néz ki egy jó favicon?

Sok esetben a logó kicsinyített mását használják faviconként, de ezzel is óvatosan kell bánni! Ha a logó ilyen pici méretben már nem látszik szépen, nem működik jól, akkor érdemes mást használni. Ez lehet pl. a logó egy jellegzetes darabja, jellemző színe, vagy valamilyen ábra, grafika, amivel vállalkozásunk könnyen azonosítható, tevékenységére jellemző. Emellett azért mindenképpen törekedjünk az egyediségre!

Hogyan készítsünk favicont? 

Régebben egy favicon.ico kiterjesztésű fájlt kellett elhelyezni a webszerver gyökérkönyvtárába és arra kellett hivatkozni a html fájlokban, de a mai modern böngészők már az alábbi formátumokat is támogatják: PNG, GIF, animált GIF, JPEG, APNG, SVG.
Használat előtt érdemes tájékozódni, hogy mely böngészők melyik formátumú fájlok használatát támogatják.

Több online szolgáltatás is létezik, ami egy kép feltöltése után legenerálja az összes szükséges fájlt ahhoz, hogy minden böngészőben és minden platformon tökéletesen jelenjenek meg ezek az ikonok.

Ilyen például a "https://realfavicongenerator.net/" weboldal, ahol egy 260px*260px méretű (ez az ajánlott minimum érték) kép feltöltése után lehetőség nyílik személyre szabni a különböző platformokon lévő megjelenéseket.

Ha végeztünk a beállításokkal, akkor egy gombra kattintva megkapjuk a legenerált fájlokat és a HTML <head> részébe illesztendő kódot.

Hírlevél feliratkozás

* kötelező mezők