favicon
FŐADMIN 2004.08.26. 16:53
2004.08.26
Minden honlaptulajnak lehetősége van egyéni ikont társítani lapjához, mely később a látogatók böngészőjében illetve "kedvenceiben" megjelenik. Hogy egy konkrét példát mondjak: http://www.hwsw.hu vagy a http://www.tutorial.hu :) Az ilyen tipusú képeket (ikonokat) hívjuk favicon-nak
Saját favicon-od használatához csak az alábbi egyszerű lépéseket kell végrehajtanod:
1. készíts egy 16x16 pixeles képet vmilyen grafikus programmal (Photoshop, PhotoPaint, Paint Shop Pro, Gimp vagy akár a Paintbrush is megteszi ha más nincs kéznél)
2. a készített képet mentsd el favicon.ico névvel, majd töltsd fel a szerveredre, ahol a honlapodat is tárolod. "Hivatalosan" az ico fájlt konvertálni kellene pl. bmp-ből egy erre a célra való programmal (ilyen programból rengeteg van, itt találsz egy raklapnyit), de nekem működött az a módszer is, ha bmp-be mentettem, majd átneveztem ico-ra. Ennek viszont az a hátránya, hogy a bmp pl. nem kezeli az átlátszóságot, illetve a az *.ico több különböző méretű képet is tud tárolni - úgyhogy végeredményben az én módszeremet nem ajánlom, használjatok konvertáló programot. (a javításért thx Aewyn-nek)
3. a honlapod forrásában lévő <HEAD> részbe illeszd be az alábbi sort <LINK REL="SHORTCUT ICON" HREF="http://www.domainneved.hu/favicon.ico">
Így fog kinézni böngészőben:
és a "kedvencek"-ben
https-s lapoknál is lehet használni, csak ebben az esetben az alábbi módon illeszd be a HEAD részbe: <LINK REL="SHORTCUT ICON" HREF="https://www.domainneved.hu/teiconodneve.ico">
Megjegyzés: Internet Explorer alatt csak akkor jelenik meg a favicon, ha az oldalt előzőleg már bookmarkoltad (kedvencekbe felvetted).
További részletesebb infót az alábbi (angol) nyelvű honlapon találsz: http://www.favicon.com
|