Favicon

Wat is een favicon?

Een favicon is een klein icoontje dat verschijnt in de tab van je webbrowser, naast de titel van je website. Dit herkenbare symbool helpt gebruikers snel je site te identificeren tussen de openstaande tabbladen en in de zoekresultaten. Het is een subtiel detail, maar een goed ontworpen favicon versterkt je merk en geeft je website een professionele uitstraling.

favicon

De term favicon komt van “favorite icon” en werd oorspronkelijk gebruikt omdat deze icoontjes verschenen in de lijst met favorieten of bladwijzers van een gebruiker. Tegenwoordig zijn ze niet alleen zichtbaar in de favorietenlijst, maar ook in de browserbalk. Ook zijn ze te zien als app-icoon wanneer je een website als snelkoppeling opslaat op je smartphone startscherm. Verder kan je het icoon ook terugvinden in de zoekresultaten op Google.

favicon wordpress

Een favicon is klein, maar speelt een belangrijke rol in branding en gebruiksvriendelijkheid. Het zorgt ervoor dat bezoekers je site in één oogopslag herkennen, wat handig is wanneer je tientallen tabbladen tegelijk open hebt staan.

Hoe maak je een favicon?

Een favicon maken is redelijk simpel, maar er zijn een aantal richtlijnen die je best kunt volgen om ervoor te zorgen dat het goed zichtbaar en herkenbaar blijft.

Allereerst is het belangrijk om een eenvoudig ontwerp te maken. Favicons zijn erg klein (meestal 16×16 of 32×32 pixels). Ze moeten geen kleine details bevatten. De meeste bedrijven kiezen voor een herkenbaar symbool of een responsieve versie van hun logo dat past bij hun huisstijl.

Qua bestandsformaten kan je werken met .ico, .png en .svg. PNG is het meest gebruikte formaat dankzij de uitgebreide ondersteuning in browsers en de mogelijkheid om transparante achtergronden te hebben.

Wil je een favicon aanmaken? Dan zijn er verschillende gratis tools die je kunt gebruiken:

  • Favicon.io — met deze tool kun je met één klik snel en gratis een favicon genereren vanuit een afbeelding, tekst of emoji. Gebruik wel een vierkant formaat zodat je afbeelding niet wordt uitgerekt.
  • Canva — een gebruiksvriendelijk designtool waarmee je een favicon kunt ontwerpen en opslaan als PNG.
  • Photopea — als je meer controle wilt over het ontwerp, kun je in Photopea (gratis alternatief voor Photoshop) werken en je bestand exporteren als PNG of ICO.

Als je eenmaal een favicon hebt gemaakt, is het belangrijk om te controleren of het goed zichtbaar blijft in kleine formaten. Soms werkt een minimalistische versie van je logo beter dan het volledige logo zelf.

Favicon instellen in WordPress

WordPress maakt het instellen van een favicon heel eenvoudig, zonder dat je code hoeft aan te passen. Volg deze stappen om een favicon aan je website toe te voegen:

  1. Ga naar het WordPress-dashboard en klik op Weergave > Customizer.
  2. In het menu dat verschijnt, kies je voor Website-identiteit.
  3. Onder het kopje Site-icoon zie je de optie om een afbeelding te uploaden. WordPress raadt aan om een bestand van minimaal 512×512 pixels te gebruiken.
  4. Nadat je de afbeelding hebt geüpload, zal WordPress automatisch de juiste formaten genereren voor verschillende apparaten en browsers.
  5. Klik op Publiceren, en je favicon is direct zichtbaar in de browser.

Het mooie van WordPress is dat het je favicon direct optimaliseert voor desktop, smartphones en voor verschillende browsers.

Waarom is een favicon belangrijk?

Een favicon lijkt misschien een klein detail, maar het draagt bij aan de herkenbaarheid en professionaliteit van je website. Bezoekers kunnen je site sneller terugvinden tussen hun openstaande tabbladen, bladwijzers en in de zoekresultaten, wat indirect kan bijdragen aan een betere gebruikerservaring.

Dus, wil je jouw website laten opvallen en een consistente branding neerzetten? Dan is een favicon een kleine, maar effectieve stap in de goede richting.

Deel dit artikel met je netwerk:

Maandelijkse tips ontvangen?

Elke maand sturen we een overzicht van onze nieuwste blogs en tips over websites, marketing en branding. Geen spam, geen reclame.