Handleiding

Favicon voor Webflow

Webflow slaat je favicon op in de Projectinstellingen en serveert het via het CDN op elke gepubliceerde pagina. Upload een vierkante 32×32 PNG of ICO — of een 256×256+-bron die Webflow voor je verkleint.

Open je project → Project Settings → General → Favicon. Webflow accepteert PNG, ICO of GIF en voegt de juiste <link rel="icon">-tags toe bij publicatie.

Voor retina-tabs en iOS-homescreen-installaties voeg je apple-touch-icon en PWA-iconen toe via custom code in de site-instellingen, mits je abonnement embeds in <head> toestaat.

Hoe het werkt

  1. 1

    Genereer een vierkant favicon

    Gebruik onze favicon-generator — exporteer .ico plus 180×180 apple-touch-icon.

  2. 2

    Project Settings → Favicon

    Upload je PNG of ICO.

  3. 3

    Publiceren

    Webflow pusht het icoon naar elke pagina op je eigen domein.

Probeer het nu

Genereer een Webflow-klaar favicon

Favicon-generator

Veelgestelde vragen

Welk favicon-formaat gebruikt Webflow?+

32×32 is het upload-doelformaat, maar begin met 256×256 of 512×512 zodat verkleining scherp blijft.

Waarom verandert mijn Webflow-favicon niet?+

Publiceer de site opnieuw na het wijzigen van het bestand. Browsers cachen favicons — doe een hard refresh (Ctrl+F5) of voeg ?v=2 toe aan de URL via custom code.

Kan ik een SVG-favicon gebruiken op Webflow?+

De standaard uploader verwacht rasterformaten. Voeg SVG toe via Project Settings → Custom Code → Head als je vector + dark mode nodig hebt.

Gerelateerde tools

Meer handleidingen

Handleidingen

Ontdek FetchFavicon

Categorieën

Omzetters

Hulpprogramma's

Gidsen

Handleidingen