Alle moderne internetbrowsers laten tegenwoordig bij veel websites een klein vierkant icoontje zien in de adresbalk en in de lijst met favorieten. Zo'n icoontje heet een favicon. Als je Firefox of Internet Explorer 7 gebruikt, zie je nu het favicon van deze website in je adresbalk staan. Hoe kom je aan zo'n favicon?
Oorspronkelijk moest een favicon altijd het .ico bestandsformaat hebben en met de naam 'favicon.ico' worden opgeslagen in de rootmap van een website. Tegenwoordig mag het elke naam hebben, mag het ook in .gif, .jpg of .png formaat zijn en kan het overal op de website geplaatst worden. Wel moet er dan in het head-gedeelte van elke pagina naar verwezen worden.
<link rel="shortcut icon" href="/images/afbeelding.png" />
Bovendien zit je dan vast aan het formaat van 16x16 pixels. Gewoon een vierkant logo maken en verkleinen naar 16x16. Het voordeel is dat je ook een .gif bestand met animatie kunt gebruiken.
Een favicon in .ico formaat is flexibeler. Zeker wanneer het onder de naam 'favicon.ico' in de rootmap is geplaatst, wordt het altijd herkend, ook door websites die favicons van andere websites plaatsen bij links naar die websites. (Een voorbeeld daarvan kun je vinden in de zoekresultaten van
Stamboomzoeker.nl.) Bovendien kan een .ico bestand ook in grotere formaten worden weergegeven (32x32, 48x48), bijvoorbeeld bij een snelkoppeling naar de website op je bureaublad.
Om een afbeelding in .ico formaat op te slaan heb je echter wel een geavanceerd grafisch programma nodig, zoals Photoshop. GIMP is ook zo'n programma en dat is gratis te
downloaden. Verder zijn er een aantal websites waar je gratis .gif, .jpg of .png bestanden kunt converteren naar . ico formaat. Een voorbeeld:
http://tools.dynamicdrive.com/favicon/. Als het goed is wordt de eventuele transparantie uit een .gif of .png bestand ook transparant in het .ico bestand.
Je kunt het beste uitgaan van een vierkante afbeelding van minimaal 48x48 pixels. Let er wel op dat de afbeelding ook op formaat 16x16 nog goed te onderscheiden moet zijn. Hij mag dus niet te gedetailleerd zijn. Een heel woord of een foto kun je er dus eigenlijk niet op kwijt.
Reacties