Een favicon is het kleine icoontje dat je ziet in de browsertab naast de titel van een website. Het is een belangrijk onderdeel van je website's branding en helpt bezoekers je site snel te herkennen tussen hun open tabs.

Wat is een favicon?

Favicon staat voor "favorite icon" en werd oorspronkelijk gebruikt voor bladwijzers. Tegenwoordig zie je het overal: in browsertabs, zoekresultaten, bookmarks en zelfs op mobiele apparaten als je een website op je startscherm zet. Zonder favicon toont de browser een generiek icoon, wat onprofessioneel overkomt.

Een professionele favicon zorgt voor:

• Betere herkenbaarheid van je merk
• Professionele uitstraling
• Makkelijker terugvinden tussen open tabs
• Hogere vertrouwensscore bij bezoekers

Favicon formaat en afmetingen

Het standaard formaat voor een favicon is .ico, maar moderne browsers ondersteunen ook PNG en SVG. De belangrijkste afmetingen zijn:

• 16x16 pixels - Browsertabs
• 32x32 pixels - Taakbalk en bookmarks
• 180x180 pixels - Apple Touch Icon (iOS)
• 192x192 pixels - Android Chrome
• 512x512 pixels - PWA manifest en grote weergaves

Tip: gebruik een vierkante afbeelding van minimaal 512x512 pixels als bronbestand, zodat je alle formaten kunt genereren zonder kwaliteitsverlies.

Favicon maken met online tools

Je hoeft geen grafisch ontwerper te zijn om een goede favicon te maken. Er zijn gratis online tools beschikbaar:

• Favicon.io - Genereer favicons van tekst, afbeeldingen of emoji's
• RealFaviconGenerator.net - Maakt alle benodigde formaten en code
• Canva - Ontwerp je eigen favicon met templates

Upload je logo of ontwerp, en de tool genereert automatisch alle benodigde formaten. Download het pakket en je hebt direct alle bestanden die je nodig hebt.

Favicon instellen in WordPress

In WordPress kun je eenvoudig een favicon instellen via de Customizer:

1. Log in op je WordPress dashboard
2. Ga naar Weergave en vervolgens Customizer
3. Klik op Site-identiteit
4. Scroll naar Site-pictogram
5. Klik op Selecteer site-pictogram
6. Upload je afbeelding (minimaal 512x512 pixels)
7. Klik op Publiceren

WordPress genereert automatisch de benodigde formaten voor verschillende apparaten. Dit is de eenvoudigste methode voor de meeste gebruikers.

Favicon handmatig instellen via HTML

Voor websites zonder CMS kun je de favicon handmatig toevoegen. Upload je favicon-bestanden naar je webroot via FTP en voeg de juiste link-elementen toe aan de head-sectie van je HTML. Verwijs naar favicon.ico voor oudere browsers, en naar PNG-versies voor moderne browsers met de juiste sizes-attribuut.

Favicon instellen in Sitebuilder

Gebruik je de Theory7 Sitebuilder? Dan kun je de favicon instellen via de SEO-instellingen van je website. Navigeer naar de instellingen en zoek de optie voor site-icoon of favicon.

Favicon niet zichtbaar? Probeer dit

Soms verschijnt je nieuwe favicon niet direct. Dit komt meestal door browser caching. Probeer de volgende oplossingen:

• Hard refresh - Druk Ctrl+F5 (Windows) of Cmd+Shift+R (Mac)
• Cache legen - Leeg je browsercache volledig via de instellingen
• Incognito venster - Open je site in een prive-venster om caching te omzeilen
• Andere browser - Test in een andere browser om te bevestigen dat de favicon werkt

Veelgestelde vragen

Welk bestandsformaat is het beste voor een favicon?

Voor maximale compatibiliteit gebruik je een combinatie van .ico (voor oudere browsers) en .png (voor moderne browsers). SVG is ideaal voor schaalbare iconen en wordt steeds beter ondersteund.

Kan ik een foto als favicon gebruiken?

Technisch gezien wel, maar foto's werken niet goed op kleine formaten. Gebruik liever een eenvoudig logo of pictogram met duidelijke vormen en contrasten. Details gaan verloren op 16x16 pixels.

Hoe vaak moet ik mijn favicon updaten?

Alleen wanneer je je branding of logo wijzigt. Een consistente favicon helpt bij merkherkenning en vertrouwen bij je bezoekers.

Wil je hulp bij het instellen van je favicon of andere aanpassingen aan je website? Theory7 webhosting biedt uitstekende support voor al je hostingvragen.

Conclusie

Een favicon is niet alleen een klein maar essentieel onderdeel van je website. Het is een krachtig hulpmiddel voor branding, herkenning en gebruikservaring. Door de juiste formaten en een professionele uitstraling te hanteren, kun je de impact van je website vergroten. Het maken en instellen van een favicon is eenvoudig met de juiste hulpmiddelen, of je nu WordPress of een andere website-builder gebruikt. Vergeet niet om je favicon regelmatig te controleren, vooral na wijzigingen in je merk of logo. Dit kan helpen om een consistente en professionele uitstraling te behouden, wat cruciaal is voor het opbouwen van vertrouwen en herkenbaarheid bij je bezoekers.

Als je begint met het implementeren van je favicon, zorg ervoor dat je de hierboven beschreven stappen volgt en niet aarzelt om hulp te vragen als dat nodig is. Met de juiste aanpak zal je favicon niet alleen je website verfraaien, maar ook bijdragen aan de algehele gebruikerservaring.