Favicon je prilagođena ikona povezana s web-stranicom ili web-stranicom koja se pojavljuje pored http adrese u URL prozoru preglednika. Također će zauzimati otvorene kartice u preglednicima s omogućenim karticama i prikazivat će se pored označenih veza. Pojam kombinira riječi “omiljeni” i “ikona”. Microsoft Internet Explorer verzija 5.0 uveo je mogućnost prikaza favikona, a slijede drugi glavni preglednici. Firefox, Netscape, Opera, Safari i Konquerer su među brojnim preglednicima koji podržavaju ovu značajku.
Favicon je toliko mali da se mjeri u pikselima. Piksel je najmanja mjerna jedinica na ekranu računala. Pikseli, koji podsjećaju na sićušne blokove, jasno su vidljivi pri gledanju zaslona kroz povećalo. Favicon je samo 16×16 piksela, 32×32 ili, u slučaju Macintosh računala, ponekad 64×64 ili veći.
Dizajniranje logotipa za tako maleno platno nije lak zadatak, pa je lakše započeti s većim platnom, a zatim smanjiti veličinu slike. Budući da smanjenje slike može uzrokovati gubitak jasnoće, najbolje je započeti s veličinom platna oko 64×64 piksela.
Ove ikone mogu biti dizajnirane u crno-bijeloj boji, 16 boja, 256 boja ili više, koristeći gotovo bilo koji grafički program. Nakon što se dizajn smanji i spremi, može se pretvoriti u datoteku ikona. Ne spremaju svi grafički programi datoteke kao .ico datoteke, ali postoji mnogo grafičkih programa dostupnih na mreži koji su specifični za stvaranje i konverziju .ico datoteka. Otvaranjem .bmp, .jpg, .gif ili druge slikovne datoteke u jednom od ovih programa i odabirom “Spremi kao”, možete pretvoriti sliku u odgovarajući .ico format i imenovati datoteku favicon.ico.
Ikona se sada može prenijeti u korijenski direktorij vaše web stranice. Preglednici će potražiti ovu datoteku i prikazati je ako se pronađe. Osim učitavanja na web stranicu, dva retka jednostavnog koda treba dodati u odjeljak web stranice kao što je prikazano u nastavku. Promijenite “website.com” u svoj stvarni naziv web stranice:
Ako je web-mjesto označeno u Internet Exploreru prije nego što ima favicon, nova se možda neće prikazati. Izbrišite oznaku, isperite predmemoriju preglednika i ponovno pokrenite preglednik. Sada ručno dođite do web stranice i trebali biste vidjeti favicon. Označite stranicu da biste je dodali u favorite.
Dok Internet Explorer zahtijeva da favicon bude .ico datoteka, Firefox, Netscape i drugi popularni preglednici također mogu prikazati .gif, .jpg i .png datoteke. Ako koristite drugu vrstu slikovne datoteke osim .ico, kôd treba promijeniti kako bi odražavao ispravnu vrstu slike. Na primjer, ako koristite favicon.png, kod bi glasio: type=”image/png” /> umjesto type=”image/x-icon” />.
Povezivanje ikona ikona s web-lokacijom stvara vizualni brend koji može pomoći surferu da se prisjeti vaše web stranice i njezinog sadržaja jednostavnim pogledom na njegove ili njezine oznake. Bez obzira radi li se o mini logotipu ili originalnom dizajnu, vaša će slika idealno odražavati nešto od sadržaja, karaktera ili imena stranice. Postoji nekoliko online tvrtki koje će dizajnirati favicon za vas, ako želite. Međutim, za one s osnovnim računalnim vještinama, stvaranje jednog je jednostavan i ugodan zadatak koji može potrajati od nekoliko kratkih minuta do popodneva ili večeri.