Je hebt wellicht al gemerkt dat sommige websites een icoontje hebben wanneer je ze opslaat bij je favorieten. Zo'n icoontje wordt ook wel een favicon genoemd (een samentrekking van "favorietenicoon").

Als je Opera, Firefox of Internet Explorer 7 als webbrowser gebruikt, wordt dit icoontje standaard getoond in de titelbalk van het tabblad en naast het internetadres in de adresbalk.

We gaan nu in deze workshop ervoor zorgen dat je ook zo'n icoontje kunt toevoegen.

Afbeelding opslaan als icoon

Om een icoontje te kunnen toevoegen, hebben we natuurlijk eerst en vooral een afbeelding nodig die we als icoontje willen gebruiken.

Zoek een geschikte afbeelding of icoon die bij je website past.

Zorg ervoor als je een afbeelding gebruikt dat ze vierkante afmetingen heeft (bijvoorbeeld 60 op 60 pixels) om vervorming te voorkomen.

Sla de afbeelding vervolgens op als icoon. Je icoon krijgt nu de extensie .ico.

Een gratis programma waarmee je afbeeldingen kunt opslaan als icoon is IrfanView.

Icoon toevoegen

Open nu de eerste pagina van je website (als je frames gebruikt, open je de overkoepelende framesetpagina.

Zorg ervoor dat je de HTML-codes te zien krijgt (via Beeld -> Bron in de browser) en plak onderstaande codes juist voor de code
</head>
.

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

Zo, dat was alles!

Voorbeeld

Naast de titel van de favoriet zie je nu een icoontje verschijnen:

Denk er wel aan dat wanneer je de tijdelijke internetbestanden verwijdert, ook je icoontje uit de lijst van je favorieten is verdwenen en vervangen wordt door het standaard icoon.