Home
Contact
Over Open-T
Open Source

Web Tip #4 - Plaats een Favicon op uw site

Plaats een Favicon op uw site

W3C QA
Een favicon is een icon dat helpt uw site te identificeren in de browser's bookmarks en URL bar. Favicons worden ondersteund door Mozilla, Firefox, Internet Explorer en Opera.

Het maken van een favicon bestand

Het favicon bestand is in .ico fileformaat. Een .ico bestand bevat een collectie kleine bitmaps, in verschillende resoluties en verschillende aantallen kleuren. Maak ten minste een 16x16 bitmap van 16 kleuren. Dit kan eenvoudig met bijvoorbeeld GIMP. Een plaatje met een transparante achtergrond heeft uiteraard de voorkeur boven een gekleurde, want het is nooit te voorspellen tegen wat voor achtergrond het icon vertoond gaat worden. Let er echter wel op geen half-transparante (translucent) pixels te gebruiken, die worden niet ondersteund in het .ico formaat.
Helaas kan GIMP geen .ico bestanden opslaan. Gelukkig is er het conversieprogramma png2ico dat dit eenvoudig oplost:
png2ico outfile.ico [--colors ] infile1.png [infile2.png ...]

Het in gebruik nemen van een favicon bestand

Om het favicon bestand in gebruik te nemen en te laten werken in zo veel mogelijk browsers, is het raadzaam om het volgende te doen:
  • Noem het bestand favicon.ico
  • Plaats het in de root van uw website
  • Plaats het eventueel in andere directories op uw site als deze een ander icon gebruiken
  • Neem REL links op in de header van elke pagina die de favicon moet laten zien.
Deze laatste stap vraagt om twee regels in het <head> gedeelte van de HTML:
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">