Heb je je ooit afgevraagd wat dat kleine icoontje is dat je in het tabblad van je browser ziet staan naast de paginanaam? Dat heet een favicon. Veel mensen vergeten deze toe te voegen aan hun website, terwijl het juist essentieel is voor een professionele en herkenbare uitstraling. In dit artikel lees je eenvoudig wat een favicon is en hoe je er snel één toevoegt aan jouw site.
Een favicon is een klein afbeeldingje, meestal 16×16 of 32×32 pixels groot, dat in de browser wordt weergegeven naast de titel van je website. Het zorgt ervoor dat bezoekers jouw site in één oogopslag herkennen tussen alle andere openstaande tabbladen. Heb je geen favicon, dan toont de browser een saai standaard icoontje, wat weinig professioneel overkomt. Met een eigen favicon straal je direct meer vertrouwen uit en vergroot je jouw merkherkenning. Zeker voor lokale ondernemers of bedrijven met meerdere concurrenten is het verschil tussen wel of geen favicon direct zichtbaar.
Stap 1: Maak een favicon. Gebruik tools zoals Canva, Adobe Express of een gratis favicon generator online. Ontwerp een simpel, helder symbool dat past bij jouw huisstijl.
Stap 2: Sla de afbeelding op in het beste formaat. Ideale afmetingen zijn 16×16, 32×32 of 48×48 pixels. Het .ico-formaat wordt het meeste gebruikt, maar .png werkt tegenwoordig ook prima.
Stap 3: Voeg de favicon toe aan je website. Upload je favicon bestand in de rootmap van je website en plaats vervolgens de volgende HTML code tussen de <head> tags:
<link rel="icon" href="/favicon.ico" type="image/x-icon">
Werk je met een CMS zoals WordPress? Lees dan verder, want daar werkt het nog eenvoudiger!
Heb je een WordPress-site, dan is een favicon toevoegen extra makkelijk. Ga in het WordPress-dashboard naar Weergave > Customizer > Site-identiteit. Hier kun je direct een afbeelding uploaden als site-icoon. WordPress zorgt er automatisch voor dat de juiste formaten en varianten worden aangemaakt en geladen. Let erop dat je een heldere afbeelding van minimaal 512×512 pixels gebruikt voor het mooiste resultaat op alle apparaten, ook mobiele telefoons en tablets. Zodra je opslaat, is jouw favicon overal zichtbaar.
Het kan voorkomen dat je favicon niet meteen zichtbaar is. Vaak komt dit doordat je browsercache nog de oude versie laat zien – even je cache legen of de pagina verversen in privé-modus helpt dan. Een andere fout is het gebruiken van het verkeerde bestandsformaat: controleer of je favicon .ico of .png is. Soms is de bestandsnaam niet correct (favicon.ico is standaard). Gebruik je WordPress en zie je het icoon niet na uploaden, controleer dan of je afbeelding vierkant is.
Werkt een favicon ook op mobiele apparaten? Ja, als je een modern formaat en voldoende resolutie gebruikt, verschijnt je favicon ook bij snelkoppelingen op smartphones.
Welke afmetingen zijn ideaal? Voor de meeste browsers is 32×32 pixels perfect. WordPress raadt minimaal 512×512 pixels aan om op alle apparaten goed te tonen.
Kan ik een animatie als favicon gebruiken? Nee, animaties worden vrijwel nergens ondersteund. Houd het simpel en rustig.
Kan ik de favicon later vervangen? Ja, je kunt altijd een nieuw favicon-bestand uploaden, vergeet dan niet je cache te legen.
Kijk ook bij onze veelgestelde vragen over webdesign voor meer handige info.
Je weet nu precies het antwoord op de vraag “wat is een favicon en hoe voeg je die toe?” Volg de drie stappen hierboven en geef je website vandaag nog die extra professionele uitstraling. Hulp nodig bij het verbeteren van je site? Bekijk de website voorbeelden voor bedrijven in Ridderkerk of plan een gratis adviesgesprek via onze online afspraakplanner. Zelf direct aan de slag met een professionele site? Start op Websitelatenmakeninridderkerk.nl of neem contact op. Voeg vandaag nog jouw favicon toe en zorg direct voor meer herkenbaarheid!
Klik op de knop hieronder om een offerte aan te vragen!
