Een favicon is het kleine pictogram dat een browser toont bij de naam van een website, bijvoorbeeld in het tabblad, bij bladwijzers en in de lijst met favorieten. De naam is een samentrekking van het Engelse favorite icon. Het helpt bezoekers om een website snel te herkennen.
Waarvoor wordt een favicon gebruikt
Wie meerdere tabbladen open heeft, ziet de tekst van de tabbladen niet altijd volledig. Het icoon is dan vaak de snelste manier om een website terug te vinden. Daarnaast verschijnt de favicon bij bladwijzers en soms bij het opslaan van een link op het startscherm van een telefoon. Een favicon draagt zo bij aan de herkenbaarheid van het merk.
Formaat en opbouw
Een favicon is een klein, vierkant beeld dat ook op een heel klein formaat nog herkenbaar moet zijn. Daarom werkt een eenvoudig symbool of een letter beter dan een logo met tekst of veel details. Veelgebruikte bestandsformaten zijn:
- ICO, het oudste formaat, vaak als favicon.ico;
- PNG, in meerdere afmetingen;
- SVG, een schaalbaar formaat dat op elk formaat scherp blijft.
Hoe wordt een favicon toegevoegd
Een favicon wordt aan een website gekoppeld met een verwijzing in de HTML van de pagina, of door het bestand op een vaste plek op de server te zetten. In een CMS zoals WordPress kan het icoon meestal via de instellingen worden geüpload. Na een wijziging kan de browser nog een tijd het oude icoon tonen, omdat die het bestand heeft onthouden.
Veelgemaakte fouten
Een veelvoorkomende fout is een favicon die te gedetailleerd is, waardoor hij in het tabblad een onduidelijke vlek wordt. Ook ontbreekt het icoon soms helemaal, waardoor de browser een standaardsymbool toont. Een eenvoudig en eigen icoon maakt de website beter herkenbaar tussen andere tabbladen.
