Guide

Favicon pour Webflow

Webflow stocke votre favicon dans les paramètres du projet et le diffuse via son CDN sur chaque page publiée. Chargez un PNG ou ICO carré de 32×32 — ou une source de 256×256+ que Webflow redimensionnera.

Ouvrez votre projet → Project Settings → General → Favicon. Webflow accepte PNG, ICO ou GIF et injecte les balises <link rel="icon"> appropriées à la publication.

Pour les onglets Retina et l'ajout à l'écran d'accueil iOS, ajoutez aussi les icônes apple-touch-icon et PWA via le code personnalisé dans les paramètres du site, si votre plan autorise l'injection dans <head>.

Comment ça marche

  1. 1

    Générer un favicon carré

    Utilisez notre générateur de favicon — exportez le .ico plus un apple-touch-icon de 180×180.

  2. 2

    Project Settings → Favicon

    Chargez votre PNG ou ICO.

  3. 3

    Publier

    Webflow déploie l'icône sur toutes les pages de votre domaine personnalisé.

Essayez maintenant

Générer un favicon prêt pour Webflow

Générateur de Favicon

FAQ

Quelle taille de favicon Webflow utilise-t-il ?+

32×32 est la cible d'upload, mais partez de 256×256 ou 512×512 pour que le redimensionnement reste net.

Pourquoi mon favicon Webflow ne se met-il pas à jour ?+

Publiez le site après avoir modifié l'image. Les navigateurs mettent les favicons en cache : faites un rechargement forcé (Ctrl+F5) ou ajoutez ?v=2 à l'URL via le code personnalisé.

Puis-je utiliser un favicon SVG sur Webflow ?+

L'uploader intégré n'accepte que les formats raster. Ajoutez le SVG via Project Settings → Custom Code → Head si vous souhaitez le mode vectoriel + sombre.

Outils associés

Plus de guides

Guides

Explorer FetchFavicon

Catégories

Convertisseurs

Utilitaires

Guides

Tutoriels