Wat is een favicon?
Een favicon is een klein pictogram dat gekoppeld is aan een website. Het verschijnt in de tabbladen van browsers, naast de URL in de adresbalk, en in de lijst met bladwijzers. Een favicon verhoogt de herkenbaarheid van je website en maakt het makkelijker om tussen meerdere open tabs te navigeren. Hoewel het vaak een icoonbestand met de naam favicon.ico is, ondersteunen browsers ook andere formaten zoals GIF of PNG, wat zelfs geanimeerde of hogere resolutie iconen mogelijk maakt. De standaard afmetingen zijn 16×16, 32×32 of 64×64 pixels.
Hoe maak je een favicon?
Om een favicon aan je website toe te voegen, gebruik je de HTML <link>-tag binnen de <head>-sectie van je webpagina. Hier volgen enkele voorbeelden voor verschillende bestandstypen:
- Voor een ICO-bestand: <link rel=”shortcut icon” type=”image/x-icon” href=”/somewhere/myicon.ico”>
- Voor een GIF-bestand: <link rel=”shortcut icon” type=”image/gif” href=”/somewhere/myicon.gif”>
- Voor een PNG-bestand: <link rel=”shortcut icon” type=”image/png” href=”/somewhere/myicon.png”>
Je kunt ook een favicon direct in de root-directory van je website plaatsen onder de naam /favicon.ico. Browsers zoeken eerst naar een favicon via de <link>-tags en controleren vervolgens of er een favicon.ico-bestand in de root-directory staat als de tags ontbreken. Zo zorg je ervoor dat een icoon altijd zichtbaar is, zelfs als specifieke tags niet aanwezig zijn.
Dit kennisartikel is geschreven door:
Michael Lek
Michael is een allround online expert en oprichter van GetOn. Na jarenlang voor grote merken te hebben gewerkt wil hij met GetOn ervoor zorgen dat duurzame ondernemingen kunnen concurreren met grote merken en platforms. In zijn cursussen leert hij je daarom alles wat je nodig hebt om online succesvol te ondernemen.