TontonTools

Générateur de favicon

Générez des favicons à partir de n'importe quelle image, de chaque taille dont un site a besoin.

100% Gratuit Pas d'inscription Respectueux de la vie privée Outils d'image
Mise à jour sept. 2026

Drag & drop an image here, or

Share X / Twitter Facebook LinkedIn WhatsApp

Comment utiliser Générateur de favicon

  1. Télécharger un logo carré : simplifié pour un affichage minuscule ; La source 512px+ est idéale.
  2. Générez l'ensemble de favicon — ICO plus les tailles PNG.
  3. Déployez : favicon.ico à la racine, les PNG avec leurs balises de lien dans .
  4. Vérifiez dans une fenêtre privée — les caches de favicon survivent à tout.

Qu'est-ce que Générateur de favicon ?

Un générateur de favicon transforme votre logo en jeu d'icônes dont un site Web a besoin : les navigateurs classiques favicon.ico le demandent par défaut, ainsi que les tailles PNG utilisées par les plateformes modernes (16/32 pour les onglets, 180 pour les icônes tactiles Apple, 192/512 pour Android/PWA). Une image carrée dedans ; le déploiement a été défini.

Les favicons dépassent leurs 16 pixels : ils représentent l'identité de votre site dans les onglets, les favoris, l'historique et les résultats de recherche (Google affiche les favicons dans les SERP mobiles - un véritable facteur de CTR), et leur absence semble inachevée.

À propos de Générateur de favicon

Téléchargez une image carrée (votre logo ou votre marque) et générez le jeu de favicon.

Déploiement, la version courte : favicon.ico va à la racine du site (demandée automatiquement à /favicon.ico), et les balises head déclarent le reste - pour les PNG, pour les écrans d'accueil iOS et un site Web. manifeste pour les icônes Android/PWA. La plupart des sites ont besoin exactement de cette recette une fois, puis n'y pensent plus jamais.

Loi de conception à l'échelle des favicon : 16 px ne pardonne rien – les marques qui fonctionnent sont une forme, une lettre ou un symbole en gras avec un contraste élevé ; les logos complets avec du texte deviennent des taches. Testez les 16 pixels générés par rapport à une barre d'onglets chargée (thèmes clairs ET sombres - la transparence gère les deux). Et attendez-vous à la mise en cache : les favicons sont l'actif le plus obstinément mis en cache sur le Web ; vérifier les modifications dans une fenêtre privée. Les téléchargements sont traités et renvoyés, non conservés.

Foire aux questions

Référence : favicon.ico (16+32) à la racine. Ensemble moderne : PNG 32 px (onglets), icône Apple-Touch 180 px (iOS), 192/512 px (manifeste Android/PWA). La ligne de base couvre à elle seule les navigateurs ; l'ensemble couvre tout.
<link rel="icon" href="/favicon.ico"> (facultatif — le chemin racine est demandé de toute façon), <link rel="icon" type="image/png" size="32x32" …>, <link rel="apple-touch-icon" …> et un manifeste pour les icônes PWA. La sortie des générateurs inclut généralement l'extrait.
Détaillez la mort à 16 pixels : le texte et les éléments fins ne peuvent pas survivre. Utilisez l'élément distinctif le plus simple du logo : la marque sans le mot-symbole, une lettre, une forme. La refonte de 16 pixels est normale, pas un échec.
Indirectement : Google affiche des favicons dans les résultats de recherche mobile, où une icône reconnaissable augmente le CTR et une icône manquante/cassée semble abandonnée. C'est une question de marque dans le SERP, pas un facteur de classement.
La mise en cache des favicon est notoirement persistante. Actualisation matérielle, fenêtre privée ou demande /favicon.ico directement pour confirmer le côté serveur ; les caches des visiteurs se déroulent selon leur propre horaire.

Learn more

Comment créer un Favicon pour votre site Web

Cette petite icône dans l’onglet du navigateur est un véritable signal de confiance. Voici comment créer un favicon dans toutes les tailles dont vous avez besoin.

Read the guide

We use cookies for analytics and to keep the tools free via ads. See our Privacy Policy.