Animoidut faviconit

Nettisuunnittelu, torstaina 5.6.2008,

Käytän Firefoxia aika vähän, joten minulta on mennyt ohitse monilla nettisivuilla esiintyvät vaihtoehtoiset faviconit. Perinteisesti favicon on se nettisivun juureen laitettu favicon.ico-niminen ikonitiedosto, jonka selain käy hakemassa nettisivun avauksen yhteydessä ja näyttää osoiterivillä ensimmäisenä.

Vaihtoehtoinen tapa on laittaa sivun head-osioon seuraava rivi:

<link rel="Shortcut Icon" type="image/gif" href="jonkin_kuva.gif" />
    

Kuvaformaattina voi olla giffin sijaan myös mikä tahansa muu selaimen tunnistama muoto. Tällöin type-attribuuttia pitää muokata vastaamaan kuvaformaattia. Pluspuolena suunnittelija saa käyttöönsä muunlaiset kuvaformaatit kuin ico-tiedostot, mutta miinuspuolena ne näkyvät vain valituilla selaimilla. Olen toistaiseksi löytänyt tukea vain Firefoxista, mutta luulen Internet Explorerin 7:n myös tukevan niitä. Opera ja Internet Explorer 6 eivät näytä niitä. Safarista ja muista erikoisemmista selaimista ei ole tietoa.

Liikettä ikoneihin

Vapaavalintaisten kuvatiedostojen mukana tulevat myöskin kuvaformaattien erityispiirteet, kuten gif-animointi. Esimerkiksi kellovalmistaja Oris on laittanut sivuikonikseen animoidun giffin. Olen liittänyt saman kuvan tämän kappaleen viereen, jotta Firefoxittomatkin tietävät mistä kirjoitan.

Oriksen valinta kohtalaisen vähäeleinen. Ensin näkyviin tulee O-kirjain, minkä jälkeen yhtiön nimi vierittyy ikonin ahtaassa tilassa. Tämän jälkeen näkyviin jää kymmeneksi sekunniksi yhtiön vaakunatunnus, minkä jälkeen kierros alkaa alusta.

Mikään ei kuitenkaan estä laittamasta ikoniin myyvempää animaatiota. Vaikka sellaista, jonka olen laittanut tämän blogin etusivulle. Kilpailu kävijöiden silmistä on kovaa, joten kaikki keinot ovat sallittuja.