Cette page contient des liens d'affiliation. Si tu achètes via ces liens, nous pouvons toucher une commission, sans frais supplémentaires pour toi. Mentions complètes →

Outil Gratuit En Ligne

Générateur de Favicon Gratuit

Dépose une image et récupère toutes les tailles d'icône dont un site a vraiment besoin — favicon.ico, icône Apple touch, icônes Android, une tuile Windows, un manifest.json, et le code à coller. Rien n'est envoyé.

🖼️

Dépose ton logo ou une image ici, ou clique pour en choisir une

Une image carrée d'au moins 512×512px fonctionne le mieux — elle sera recadrée en carré automatiquement

—

Recadrée en carré depuis le centre. Si ton image a déjà de la transparence, elle est conservée — parfait pour les logos.

Toutes les tailles, prêtes à l'emploi

Colle ceci dans ton <head>

⚠️ Si ton navigateur bloque le téléchargement, clique sur Autoriser près de la barre d'adresse.

Comment créer un favicon en 3 étapes

Ajoute une image. Dépose ton logo dans la zone ou clique pour en choisir un. Une image carrée d'au moins 512 × 512 pixels donne les meilleurs résultats. Toute autre image est recadrée en carré depuis le centre.
Vérifie l'aperçu. Si ton image a un fond transparent, il est conservé — parfait pour les logos.
Télécharge. Clique sur Tout télécharger (ZIP) pour obtenir toutes les tailles, puis colle le code affiché dans le <head> de ton site.

Que contient le fichier ZIP ?

Un favicon est la toute petite image à côté du nom de ton site dans l'onglet du navigateur ou la liste des favoris. La plupart des sites ont besoin de plusieurs tailles, des petites icônes d'onglet aux grandes icônes d'application, et l'outil les crée toutes :

favicon.ico — l'icône classique affichée dans les onglets du navigateur.
Apple touch icon — l'icône que les iPhone et iPad utilisent quand quelqu'un ajoute ton site à l'écran d'accueil.
Icônes Android et tuile Windows — la même chose pour les téléphones Android et Windows.
manifest.json et le code à coller — indique aux navigateurs quelles icônes utiliser.

Bon à savoir avant de commencer

Une image qui n'est pas carrée est recadrée depuis le centre. Utilisez une image carrée pour que rien ne soit coupé.
Donnez à l'icône Apple un fond uni : les iPhone remplissent les zones transparentes de noir.
À 16×16 pixels, les détails fins disparaissent, une forme simple fonctionne donc mieux.
Les navigateurs et Google gardent les anciens favicons un moment ; un nouveau peut mettre des jours à apparaître.
Renseignez le nom de votre site dans site.webmanifest et envoyez tous les fichiers dans le dossier principal de votre site.