Favicon – imelihtne

Favicon ehk favorite icon on see tore 16 korda 16 pikslit pildike, mis osade veebilehtede vaatamisel tekib brauseri aadressiribale veebiaadressi ette. Faviconil on tegelikult märksa rohkem kasutusvõimalusi: seda toetab enamus linkimise teenuseid, mõne väikese abivahendiga saab enamuste blogide puhul kommenteerija faviconi kuvada näiteks kommentaari ees ja nii edasi. Hea näide faviconi kasutamisest on blog.tr.ee Blogide top 100, kus iga blogi nimetuse ees on kuvatud selle blogi favicon, muidugi juhul, kui see blogil olemas on.

Faviconi saab lisada igasugusele veebilehele. Erandiks on mõne teenusepakkuja serveris asuvad lehed (näiteks blogspot.com ja wordpress.com, ka planet.ee), mille puhul on faviconiks sageli by default teenusepakkuja ikoon. Faviconi põhiline mõte on Sinu veebilehte teistest eristada ning muuta see visuaalselt kergemini leitavaks ja äratuntavaks. Ka on mugav faviconiga veebilehtede aadresse brauseri toolbarile salvestada. Äratuntava pisipildi puhul saab nii üksjagu ruumi kokku hoida, sest ei pea välja kirjutama tervet aadressi, piisab faviconist.

Brauserid näitavad aardessiribal faviconi alati 16*16px mõõdus, ent kuna faviconi kasutusvõimalused sellega ei lõpe, võib osutuda mõttekaks faviconi tegemine 32*32px või 48*48px mõõdus. Faviconi tegemine on lihtne: selleks vajad 16*16px (või ka vajadusel suuremat) pilti, mis tuleks salvestada .ico formaadis failina. Valmis faviconi nimetus peaks olema favicon.ico. Juhul, kui seda ise ei viitsi tegema hakata, on mitmeid online generaatoreid, mis Sinu eest töö ära teevad. Abivahendeid selleks on päris palju, mina soovitan siinkohal kolme, mida ise olen kasutanud.

ttp://tools.dynamicdrive.com/favicon/ – väga lihtne generaator, lae üles suvaline (soovitavalt ruudukujuline pilt) ning muu teeb generaator. Sobib hästi, kui tahad oma faviconi teha näiteks mõnest fotost.

http://www.favicon.cc/ – lisaks pildi üleslaadimisele võid seda pikselhaaval redigeerida või luua oma faviconi üldse käsitsi. Hea vidin selleks puhuks, kui soovid, et Su favicon sisaldaks teksti.

http://www.degraeve.com/favicon/ – eelmisega sarnane vidin.

Faviconi tehes tasuks meeles pidada, et enamusel juhtudest näidatakse seda 16*16px ehk siis väga väikese pildina, mistõttu ei ole mõtet asja liiga kirjuks ajada.

Kuidas valmis faviconi veebilehele lisada? Selleks pead kirjutama oma veebilehe head-sekstsiooni (blogi valmis mallide puhul võib see olla head.php, head.inc vms eraldi fail) järgmise koodirea:

<link rel=”shortcut icon” href=”/favicon.ico”>

Lisaks kopeeri oma favicon.ico samasse kataloogi, kus asub fail, milele koodirea lisasid. Ongi valmis. Favicon ei pruugi brauseri aadressiribale päris kohe ilmuda, ole kanntlik.

Inspiratsiooniks mõned näited ilusatest faviconidest: Favicons I, II, III, IV, V