Ikon a weboldalnak, favicon!

Írta: | 2007. szeptember 17. | kategóriák: (X)HTML, Blogolok, Design

Favicon kockaEgyik barátom ma felkeresett a következő problémával: – Alpár, sok féle képpen próbáltam már, de nem sikerűlt ikon tenni a weboldalamnak. Hogyan lehet? Nem túl nehéz, de mégis elterjedt probléma. Úgy gondoltam, készítek egy leírást, ami alapján bárki, könnyedén kiteheti saját oldala ikonát? Itt is van a kód, ahogyan be tudod illeszteni a megfelelő képet az oldaladba:

<link href="http://webpillango.org/favicon.ico" rel="icon" />
<link href="http://webpillango.org/favicon.ico" rel="shortcut icon" />

A href paramétert a te ikonod elérési útjára kell cseréld 🙂 Azért írtam két verziót, mert nagyon jó, szinte tökéletes, a böngészők közti összeférhetőség. A kódot az oldal fejlécébe kell beilleszteni, vagyis a head tagok közé.
Néhány szó arról, hogy mire való és egy pár ötlet, javaslat, mivel elég sok kisseb probléma van vele:

  • jó a weboldal designja szempontjából
  • könnyebben megjegyzi a legtöbb ember az oldalt, ha van egy hozzarendelt ikon (vizuálos memória)
  • néha gondot jelent, hogy csak a főoldalon jelenik meg az ikon, használj abszolutt elérési útvonalat
  • az ikon mérete legyen 16×16 képpont


Értékeld a bejegyzést!

Loading ... Loading ...

A bejegyzésre érkező kommenteket elérheted RSS 2.0 formájában vagy emailben is:

A bejegyzéshez tartozó trackback cím, illetve a permalink.

A megjegyzéseket kérlek, tedd fel érthető és illendő módon, ne fikázz le másokat, mert nem tudnak valamit, amit te már igen. A kommentár lehetőleg függjön a bejegyzéshez :)

kötelező
kötelező, titok marad
ha nincs, maradjon üres



Köszönöm, ez tényleg nagyon sokat segített!

Zsolt 2010. február 23. - 23:55

[…] Ikon a weboldalnak, favicon! (WebPillangó) […]

Favicon hogyan? | kgyt faq 2014. augusztus 20. - 21:33