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.
bon à savoir
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
