Favicon
Favicon (lyhenne sanoista favorites icon) on internetsivulle määriteltävä ikoni. Sivun webmaster voi lisätä faviconin sivuilleen, jolloin se näkyy useissa selaimissa muun muassa osoiterivin vasemmassa laidassa ja sivun nimen vieressä kirjanmerkeissä.[1] Niitä käytetään verkkosivujen visuaalisena tunnisteena.
Favicon on neliön muotoinen, kooltaan tavanomaisesti 16×16, 32×32 tai 64×64 pikseliä.[2] Niiden formaattina voi käyttää tiedostomuotoja JPEG, ICO, PNG ja GIF.
Tuki faviconille oli ensi kertaa maaliskuussa 1999 julkaistussa Microsoftin Internet Explorer 5:ssa. Tässä selaimessa ikoni näkyi vain lisättäessä sivu kirjanmerkiksi. Lisäksi favicon oli aina sijoitettava palvelimen juurihakemistoon nimellä favicon.ico ja sen ainoa sallittu muoto oli Microsoftin .ico 16×16-kokoisena. Sivuvaikutuksena ylläpitäjä sai näin tiedon siitä, kuinka moni käyttäjä oli lisännyt sivuston kirjanmerkkeihinsä. Myöhemmät selaimet näyttävät ikonin aina sivustolla vierailtaessa.
Myöhemmissä selaimissa faviconin voi määritellä jokaiselle sivulle erikseen HEAD-osiossa ja sen sijainti palvelimella ja tiedostomuotokin on vapaa. Tämä ominaisuus lisättiin W3C:n HTML 4.01 -standardiin joulukuussa 1999.
<link rel="shortcut icon" href="/favicon.ico" />
.ICO-tiedostomuoto on Microsoftin oma. Sitä käytettiin alun perin Microsoft Windowsin ikoneiden tiedostomuotona. Sille standardoitiin MIME-tyyppi image/vnd.microsoft.icon vuonna 2003.
Windowsin Internet Explorer 10 alaspäinselvennä ei tue muita kuin .ico-muotoisia faviconeja, mutta kuitenkin versiossa 11 on lisätty tuki .png- ja .gif-muotoisille faviconeille.[3]
Lähteet
[muokkaa | muokkaa wikitekstiä]- ↑ Tom Negrino & Dori Smith: Dreamweaver CS4 for Windows and Macintosh: Visual QuickStart Guide, s. 156. Peachpit Press, 2006. ISBN 978-0-321-57352-0 Google Book. (englanniksi)
- ↑ FavIcons (Kappale So what goes into a favicon?) Submerge. Arkistoitu 29.10.2009. (englanniksi)
- ↑ http://msdn.microsoft.com/en-us/library/ms537656%28VS.85%29.aspx
Aiheesta muualla
[muokkaa | muokkaa wikitekstiä]
- Faviconin lisäämisohjeet W3C-sivustolla (englanniksi)
- Favicon-generaattori (englanniksi)