Générateur de favicon

Créez toutes les icônes dont un site a besoin à partir d'une seule image ou de quelques lettres : favicon.ico, tailles PNG, icône Apple touch et icônes Android, avec le code HTML à coller.

Vos fichiers ne quittent jamais votre appareil. Tout se passe dans votre navigateur.

Comment ça marche

  1. Choisissez la sourceUne image ou un logo SVG, ou une à trois lettres.
  2. Ajustez l'apparenceCouleur de fond, forme et marge ; vérifiez l'aperçu dans l'onglet.
  3. Téléchargez le packDécompressez-le à la racine de votre site et collez le code HTML dans le head.

Tout ce que demandent les navigateurs

Navigateurs, téléphones et moteurs de recherche cherchent des fichiers d'icône différents : favicon.ico pour les anciens navigateurs et Windows, de petits PNG pour les onglets, une icône Apple touch de 180 pixels pour l'écran d'accueil de l'iPhone et des icônes de 192 et 512 pixels pour Android et les applications web installées. Le générateur dessine chaque taille séparément : la version de 16 pixels reste nette au lieu d'être une réduction floue de la grande.

L'icône Apple reçoit un fond plein, car iOS remplit la transparence en noir. Le pack contient aussi site.webmanifest et un fichier texte avec les lignes HTML.

Un bon favicon reste simple

À 16 pixels, les détails disparaissent. Utilisez un symbole épais ou une ou deux lettres bien contrastées, peu de marge, et vérifiez l'aperçu dans l'onglet clair comme dans l'onglet sombre.

Questions fréquentes

Où mettre les fichiers ?

Dans le dossier racine de votre site, à côté de index.html, puis collez le code HTML dans la section head.

Puis-je utiliser un logo SVG ?

Oui. Les fichiers SVG sont rendus nets à toutes les tailles.

Mes fichiers sont-ils envoyés ?

Non. Tout est créé dans votre navigateur.