Oletko kuullut mikä on favicon.ico? Ok, se on vanha tuttu, miten on jos sanon että sen voi nykyään myös animoida? Kiinnnostavaa?
Aloitetaanpa alusta, favicon.ico oli alunperin Internet Explorerin tuoma pieni ikoni tuossa sivunosoitteen edessä, PahusWarella esim. tuo punertava pyöreä kiikari ikoni, jonka koko on 16*16 pikseliä (vain), silti se on sivun ilmeelle se kuuluisa “viimeinen silaus”. Eteenkin nykyään kun moderneimmat selaimet (mm. firefox) tukevat animointia eli ikonin muuttelua kuva kuvalta (frame) tietyin väliajoin. Noo, miten sitten tämän favicon.ico:n saa (tehtyä)? Tässäpä ohjeet vaihe vaiheelta:
- ‘googlaa’ hakusanoilla “favicon generator”, tuloksena saat ison kasan linkkejä online favicon editoreihin
esim. yksi vaihtoehto on (ei välttämättä edes paras):
www.favicon.cc
- näihin voi ladata sitten ison kuvan, josta favicon muodostetaan kutistamalla
- tai voit tehdä kaiken alunalkaen itse piirtämällä
- sitten lisäät tarvittavan animaation (lisä kuvat…)
- kun favicon.ico on valmis, lataat sen esimerkiksi sivustosi verkkolevyn juureen
- lísäät jokaiselle sivulle head tagin alle ‘meta osioon’ “link rel=”shortcut icon” href=”http://www.pahusware.fi/favicon.ico” /> (korvaa pahusware omalla osoitteellasi ja ensimmäinen “-merkki pienempi kuin merkillä)
ja “avot!”. Ei muuta kuin rohkeasti yrittämään ja onnea!