Uw favicon wijzigen in Webflow, Wix, Shopify en meer | We.Inc
Stap voor stap uw favicon wijzigen in Webflow, Squarespace, Wix, Shopify, WordPress en HTML, de formaatregels en waarom Google nog uw oude icoon toont.
Om een favicon te wijzigen uploadt u een nieuwe vierkante afbeelding in de site-instellingen van uw bouwer en publiceert u daarna. Webflow, Squarespace, Wix, Shopify en WordPress hebben elk hun eigen veld voor het icoon; op een zelfgebouwde site vervangt u het bestand en de link rel=icon-tag. Browsers en Google cachen iconen, dus het oude icoon kan nog even blijven hangen.
Waar de favicon-instelling staat, stand oktober 2026
Bouwer
Waar u het vindt
Formaat volgens de helppagina
Webflow
Site-instellingen (zoek het veld voor favicon of icoon)
Bekijk de helppagina van Webflow voor de actuele formaatregels
Squarespace
Favicon-paneel
100x100 tot 300x300 px, .png, maximaal 100 KB
Wix
Instellingen, Website-instellingen, Favicon
Vierkant in een veelvoud van 48 px, behalve bij SVG
Shopify
Thema bewerken, Thema-instellingen, Logo of Favicon
16x16 of 32x32 px
WordPress 6.5+
Instellingen, Algemeen, Site-icoon
Vierkant, minstens 512 px, .png aanbevolen
Zoek hieronder uw bouwer. Elke reeks stappen komt van de eigen helppagina van die bouwer. Hebt u een handgecodeerde site, dan schrijft de laatste kaart de link-tags voor u. Maak eerst het icoon met onze favicon-generator als u er nog geen hebt.
Zoek uw bouwer in de lijst en volg de stappen, en let op eventuele regels per abonnement.
Voor een zelfgebouwde site typt u de map met uw icoonbestanden om de link-tags te krijgen.
Upload of plak, publiceer uw site en open hem daarna in een privévenster om het nieuwe icoon te zien.
Geef Google de tijd om opnieuw te crawlen. Volgens de favicon-hulp van Google kan dat enkele dagen tot enkele weken duren.
Maak het icoon vierkant. Google vereist een beeldverhouding van 1:1 en raadt groter dan 48x48 pixels aan.
Houd het icoon op hetzelfde adres zodra het live staat. Google vraagt om een stabiele favicon-URL.
Controleer dat robots.txt het icoonbestand niet blokkeert. Googlebot en Googlebot-Image moeten het allebei kunnen ophalen.
Gebruik een krachtige, eenvoudige vorm. Fijne details verdwijnen op tabbladformaat.
Veelgestelde vragen
Waarom toont Google nog steeds mijn oude favicon?
Google pikt een nieuwe favicon op wanneer het uw homepage opnieuw crawlt, wat volgens de helppagina enkele dagen tot enkele weken kan duren. U kunt om een snellere crawl vragen door indexering van de homepage aan te vragen in de tool URL-inspectie in Search Console.
Waarom toont mijn browser nog steeds het oude icoon?
Browsers bewaren favicons lang in hun cache. De helppagina van Squarespace raadt aan uw browsercache te wissen en de browser opnieuw te starten. De site openen in een privévenster is een snelle controle of het nieuwe icoon echt live staat.
Kan ik een favicon toevoegen met het Starter-abonnement van Shopify of op een gratis Wix-site?
Niet per oktober 2026. Volgens de helppagina van Shopify kan het Starter-abonnement geen favicon toevoegen. Wix vereist een Premium-abonnement en een gekoppeld domein, en u moet de site eerst publiceren.
Kan ik in dark mode een andere favicon hebben?
Bij sommige bouwers wel. Squarespace laat u een dark mode-versie uploaden nadat u het standaardicoon hebt ingesteld. Op een zelfgebouwde site kunt u verwijzen naar een SVG-icoon dat van kleur verandert met een prefers-color-scheme media query binnen de SVG.
Wat Google nodig heeft voordat het uw icoon toont
Google leest de link-tag in de head van uw homepage. Het ondersteunt de rel-waarden icon, shortcut icon, apple-touch-icon en apple-touch-icon-precomposed, en accepteert formaten zoals ICO, PNG, GIF en JPEG.
Google toont één favicon per hostnaam. Een subdomein zoals shop.example.com kan een eigen favicon hebben, maar een map zoals example.com/shop niet.
Als de instelling in de bouwer ontbreekt
Als uw abonnement het favicon-veld verbergt, is upgraden bij gehoste bouwers meestal de enige weg, omdat u de head van de pagina niet zelf kunt bewerken. Op zelf gehoste sites kunt u de link-tag altijd met de hand toevoegen.
De faviconregels van Google
Uit de favicon-helppagina van Google, oktober 2026
Regel
Detail
Vorm
Vierkant, beeldverhouding 1:1
Formaat
Minstens 8x8 px; groter dan 48x48 aanbevolen
Formaten
Elk geldig faviconformaat, zoals ICO, PNG, GIF, JPEG, BMP
Per site
Eén favicon per hostnaam
Crawlen
Googlebot en Googlebot-Image moeten het mogen ophalen
Updates
Enkele dagen tot enkele weken; vraag indexering aan om het te versnellen
Codevoorbeeld
Een SVG-favicon die wisselt in dark mode
Sla de SVG op als icon.svg. Het style-blok erin verandert de vulling wanneer het systeem van de bezoeker in dark mode staat. Bewaar ook een favicon.ico, want niet elke browser leest SVG-iconen.
Stappen voor uw bouwer
Zelfgebouwde site (HTML)
Map waarin uw iconen staan
Ik heb ook een SVG-icoon
Plak dit in de head van elke pagina
Kopiëren
Gekopieerd.
Upload eerst favicon.ico, icon.png (minstens 48x48) en apple-touch-icon.png (180x180) naar die map.
Webflow
Open de instellingen van uw site en zoek het veld voor favicon of site-icoon.
Upload één vierkante afbeelding.
Sla op en publiceer de site zodat het nieuwe icoon live gaat.
De helppagina van Webflow was niet leesbaar toen we keken, dus volg de labels in uw eigen dashboard voor de exacte menunamen en formaten.
Squarespace
Open het Favicon-paneel.
Sleep uw afbeelding naar het uploadvak, of klik erop om een bestand te kiezen.
Voeg eventueel een dark mode-versie toe (pas nadat een standaardfavicon is ingesteld).
Klik op Opslaan.
De helppagina raadt 100x100 tot 300x300 pixels aan, .png-bestanden en niet meer dan 100 KB.
Wix
Ga naar Instellingen in het dashboard van uw site.
Klik op Website-instellingen.
Klik op Afbeelding uploaden onder Favicon.
Kies uw bestand.
Vereist een Premium-abonnement, een gekoppeld domein en een gepubliceerde site. De afbeelding moet vierkant zijn in een veelvoud van 48 px, tenzij het een SVG is.
Shopify
Ga in uw Shopify-beheer naar Onlinewinkel.
Zoek uw thema en klik op Thema bewerken.
Klik op het icoon Thema-instellingen en daarna op Logo of Favicon, afhankelijk van uw thema.
Klik onder Favicon-afbeelding op Afbeelding selecteren, kies of voeg de afbeelding toe en klik op Gereed.
Klik op Opslaan.
Shopify noemt 16x16 of 32x32 px het ideale formaat. Niet beschikbaar met het Starter-abonnement.
WordPress
Upload een vierkante afbeelding van minstens 512 px naar de mediabibliotheek.
Ga naar Instellingen en daarna Algemeen.
Klik op Kies een site-icoon.
Selecteer de afbeelding die u hebt geüpload.
Vóór versie 6.5 stond de instelling onder Weergave, Customizer, Site-identiteit.