A HTML-oldalak faviconjával kapcsolatos fő probléma az, hogy nehéz lehet megvalósítani. A faviconok kis ikonok, amelyek egy webhely böngésző lapján vagy címsorában jelennek meg, és gyakran használják egy webhely vagy márka azonosítására. Ha kedvenc ikont szeretne hozzáadni egy HTML-oldalhoz, az ikont .ico fájlként kell menteni, majd a HTML-kódban egy címke. Ez trükkös lehet azok számára, akik nem ismerik a kódolást, mivel több lépésből áll, és ehhez a HTML szintaxis ismerete szükséges. Ezenkívül előfordulhat, hogy egyes böngészők nem ismerik fel a favicont, ha az nincs megfelelően implementálva.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Ez a kódsor hivatkozást hoz létre egy „favicon.ico” nevű külső fájlra.
2. A link a „rel” attribútumot kapja „shortcut icon” értékkel, ami azt jelzi, hogy ez a webhely parancsikonja.
3. A href attribútum megadja a favicon fájl elérési útját, amely ebben az esetben egyszerűen „favicon.ico”.
4. A type attribútum azt jelzi, hogy ez a fájl egy x-icon típusú kép, amely a webhelyek ikonjaihoz és logóihoz használt speciális képtípus.
Mi az a favicon
A favicon egy webhelyhez vagy weboldalhoz kapcsolódó kis ikon. Általában a böngésző címsorában jelenik meg, a webhely URL-címe mellett. Használható könyvjelzők azonosítására is a webböngészőkben, valamint a számítógépeken és mobileszközökön található parancsikonok ikonjaként. A faviconok általában 16×16 pixel méretűek, és .ico fájlként kerülnek mentésre.
Favicon hozzáadása a webhelyéhez
Favicon hozzáadása a webhelyhez nagyszerű módja annak, hogy egy extra márka- és identitásréteget adjon webhelyéhez. A faviconok kis ikonok, amelyek a böngésző lapján jelennek meg a webhely címe mellett. Mobileszközökön is használhatók parancsikonként, így a felhasználók könnyebben megtalálhatják és elérhetik webhelyét.
Ha kedvenc ikont szeretne hozzáadni webhelyéhez HTML-ben, szüksége lesz egy .ico kiterjesztésű képfájlra. Ennek a képnek 16×16 pixel vagy 32×32 pixel méretűnek kell lennie. Miután létrehozta vagy megszerezte ezt a képfájlt, feltöltheti webhelye gyökérkönyvtárába.
Feltöltés után hozzá kell adnia egy linkelemet a webhely minden oldalának fejrészéhez, amely erre a képfájlra mutat:
Ez a linkelem megmondja a böngészőknek, hogy hol találhatják meg az Ön webhelyéhez tartozó favicont, hogy az megfelelően megjelenjen, amikor valaki meglátogatja valamelyik oldalát.
Végül, ha azt szeretné, hogy az olyan böngészők, mint a Chrome és a Firefox a favicon nagyobb verzióját jelenítsék meg (192×192 pixel), akkor létre kell hoznia az ikon egy másik verzióját, és azt is fel kell töltenie a gyökérkönyvtárba:
Ha mindezen lépések megtörténtek, a látogatóknak látniuk kell az Ön egyéni kedvenceit, amikor felkeresik a webhely bármely oldalát!
