Favicon on verkkosivulle tai verkkosivustoon liittyvä mukautettu kuvake, joka näkyy http -osoitteen vieressä selaimen URL -ikkunassa. Se vie myös avoimet välilehdet välilehtiä käyttävissä selaimissa ja näkyy kirjanmerkillä varustettujen linkkien vieressä. Termi yhdistää sanat “suosikit” ja “kuvake”. Microsoft Internet Explorerin versio 5.0 esitteli kyvyn näyttää suosikkikuvakkeita ja muita tärkeimpiä selaimia. Firefox, Netscape, Opera, Safari ja Konquerer kuuluvat moniin tätä ominaisuutta tukeviin selaimiin.
Favicon on niin pieni, että se mitataan pikseleinä. Pikseli on pienin mittayksikkö tietokoneen näytöllä. Pieniä lohkoja muistuttavat pikselit näkyvät selvästi, kun katsellaan näyttöä suurennuslasin läpi. Favicon on vain 16 × 16 pikseliä, 32 × 32 tai Macintosh -tietokoneissa joskus 64 × 64 tai suurempi.
Logon suunnittelu tällaiselle pienelle kankaalle ei ole helppo tehtävä, joten on helpompaa aloittaa suuremmalla kankaalla ja muuttaa sen kokoa. Koska kuvan pienentäminen voi heikentää sen selkeyttä, on parasta aloittaa noin 64 × 64 pikselin kokoisella kankaalla.
Nämä kuvakkeet voidaan suunnitella yksivärisinä, 16 värinä, 256 värinä tai enemmän lähes kaikilla grafiikkaohjelmilla. Kun malli on pienennetty ja tallennettu, se voidaan muuntaa kuvaketiedostoksi. Kaikki grafiikkaohjelmat eivät tallenna tiedostoja .ico -tiedostoina, mutta verkossa on saatavilla monia grafiikkaohjelmia, jotka liittyvät .ico -tiedostojen luomiseen ja muuntamiseen. Avaamalla .bmp-, .jpg-, .gif- tai muun kuvatiedoston jossakin näistä ohjelmista ja valitsemalla Tallenna nimellä, voit muuntaa kuvan oikeaan .ico -muotoon ja nimetä tiedoston favicon.ico.
Kuvake voidaan nyt ladata verkkosivustosi juurihakemistoon. Selaimet etsivät tätä tiedostoa ja näyttävät sen, jos se löytyy. Sen lataamisen lisäksi verkkosivulle on lisättävä kaksi riviä yksinkertaista koodia verkkosivun osioon alla esitetyllä tavalla. Muuta “website.com” oikeaksi sivustosi nimeksi:
Jos verkkosivusto lisätään kirjanmerkkeihin Internet Explorerissa ennen kuin sillä on suosikkikuvake, uutta ei ehkä näytetä. Poista kirjanmerkki, tyhjennä selaimen välimuisti ja käynnistä selain uudelleen. Selaa nyt manuaalisesti verkkosivustoon ja sinun pitäisi nähdä favicon. Lisää sivusto suosikkeihin kirjanmerkkeillä.
Vaikka Internet Explorer edellyttää, että favicon on .ico -tiedosto, Firefox, Netscape ja muut suositut selaimet voivat myös näyttää .gif-, .jpg- ja .png -tiedostoja. Jos käytät muuta kuvatiedostotyyppiä kuin .ico, koodi on muutettava vastaamaan oikeaa kuvatyyppiä. Jos esimerkiksi käytät favicon.png-koodia, koodi olisi seuraava: type = ”image /png” /> eikä type = ”image /x-icon” />.
Faviconin yhdistäminen verkkosivustoon luo visuaalisen brändin, joka voi auttaa surffaajaa muistamaan verkkosivustosi ja sen sisällön yksinkertaisella vilkaisulla hänen kirjanmerkkeihinsä. Olipa kyseessä minilogo tai alkuperäinen muotoilu, kuvasi heijastaa ihanteellisesti jotain sivuston sisällöstä, luonteesta tai nimestä. On olemassa useita online -yrityksiä, jotka suunnittelevat sinulle faviconin haluttaessa. Kuitenkin niille, joilla on perustiedot tietokoneesta, sellaisen luominen on yksinkertainen ja miellyttävä tehtävä, joka voi kestää muutamasta minuutista iltapäivään tai iltaan.