No-code2 min lecture
Comment changer le favicon sur Webflow ?
Apprenez à changer le favicon de votre site Webflow : formats recommandés, Project Settings et publication.
Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment changer le favicon de votre site Webflow.
| Format | Taille recommandée | Compatibilité |
|---|---|---|
| PNG | 32x32 ou 64x64px | Tous navigateurs modernes |
| ICO | 16x16 et 32x32px | Compatibilité maximale |
| SVG | Vectoriel | Chrome, Firefox, Edge (pas Safari) |
1. Préparez votre favicon
Créez votre favicon en PNG 32x32px minimum. Outils recommandés : favicon.io pour générer un favicon depuis du texte, une image ou un emoji. Exportez en PNG ou ICO.
2. Ajoutez le favicon dans Project Settings
Dans le Designer, allez dans Project Settings > General > Favicon. Cliquez sur le champ favicon et uploadez votre image. Webflow l'affiche en prévisualisation. Sauvegardez les paramètres.
3. Publiez pour voir le changement
Le favicon n'est pas visible en preview Webflow : il faut publier le site pour le voir dans l'onglet du navigateur. Pensez à vider le cache navigateur (Ctrl+Shift+R) si l'ancien favicon persiste.
Conclusion
Le favicon se configure en une minute dans Project Settings. Pensez aussi à l'Open Graph image pour les partages réseaux sociaux : ajouter une OG image sur Webflow.


