Een favicon, of favorietenpictogram, is meestal een klein vierkant beeld of logo dat in de adresbalk of tabblad van een webbrowser verschijnt naast de titel van uw pagina. Webontwikkelaars gebruiken meestal .ICO-bestanden voor favicon afbeeldingen.
Als je een favicon wilt toevoegen aan je website, moet je hiervoor een code in het kopgedeelte (head section) van je HTML-document plaatsen.
Volg deze basisstappen:
1. Eerst moet je een favicon-bestand hebben. Dit moet een .ico-bestand zijn, hoewel moderne browsers ook andere formaten zoals .gif, .png en .jpeg ondersteunen. Er zijn veel gratis hulpprogramma’s online beschikbaar om afbeeldingen om te zetten naar .ico-bestanden.
1. Zodra je je favicon hebt, upload je het naar de root map van je website. Bijvoorbeeld, als je site www.mijnwebsite.nl heet, zou je het uploaden naar www.mijnwebsite.nl/favicon.ico.
1. Nu moet je de volgende code aan het ‘head’ gedeelte van je HTML-pagina toevoegen:
```
```
Zorg ervoor dat je het URL-gedeelte vervangt door het werkelijke URL-pad naar je favicon-bestand.
1. Controleer tot slot je website om te zien of de favicon correct weergegeven wordt. Het kan zijn dat je je browser cache moet legen of je pagina een paar keer moet vernieuwen voordat de veranderingen zichtbaar worden.
Dat is alles! Je hebt nu een favicon aan je website toegevoegd.