Favicon beállítása HTML-ben
A favicon az a kis ikon, amely a böngészőfülön vagy a könyvjelzők között jelenik meg. Bár apró, mégis fontos része egy weboldal arculatának.
Mi az a favicon?
A favicon egy kis méretű kép, amely segít azonosítani egy weboldalt a böngészőfülön, a böngésző előzmények között, vagy akár mobil eszközök gyorsindítóikonjain. Leggyakrabban egy logó egyszerűsített változata.
Alapértelmezett favicon hozzáadása
A legegyszerűbb módja, ha a weboldal <head> részébe beillesztesz egy <link> taget, amely hivatkozik egy favicon.ico fájlra:
html
<head>
<link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>Hol legyen a favicon fájl?
A legtöbb böngésző automatikusan megkeresi a /favicon.ico fájlt a weboldal gyökérkönyvtárában. Érdemes oda helyezni, de a <link> használatával bárhova teheted, ha megadod a pontos elérési útvonalat.
Favicon formátumok
Bár a .ico a legelterjedtebb formátum, használhatsz PNG, GIF, SVG vagy más képfájlokat is. Fontos, hogy ezek kis méretűek legyenek – általában 16x16 vagy 32x32 pixel méretű képeket használunk.
Alternatív favicon formátum megadása
Ha nem .ico fájlt használsz, célszerű megadni a fájl típusát is a type attribútumban. Például:
html
<link rel="icon" type="image/png" href="/favicon.png">Hasznos tippek
Ne felejts el böngészőcache-t üríteni, amikor frissíted a favicont. Továbbá, többféle méretű favicon készítése ajánlott a különböző eszközök támogatása érdekében – például 48x48 vagy 180x180 méret iOS eszközökhöz.
Nyelv kiválasztása
Téma beállítása
© 2025 ReadyTools. Minden jog fenntartva.