Générateur de favicon

Générateur de favicon gratuit : créez favicon.ico, des icônes PNG, l'icône Apple et le manifeste web depuis une image, un SVG ou du texte et des emoji.

Les images sont lues par votre navigateur et ne sont envoyées nulle part. Aucun envoi, aucun stockage.

Ce qu'elle fait


Un favicon est la petite icône que le navigateur affiche dans l'onglet, dans les favoris et dans l'historique ; les téléphones l'utilisent aussi quand on ajoute votre site à l'écran d'accueil. Ce générateur crée tous les fichiers dont un site a besoin à partir d'une seule image, d'un logo SVG ou de quelques lettres ou d'un emoji : favicon.ico avec des images de 16, 32 et 48 pixels, des icônes PNG de 16, 32, 192 et 512 pixels, l'apple-touch-icon de 180 pixels, le manifeste web et les balises HTML à coller dans votre page.

Comment l'utiliser


  1. Choisissez une image ou un SVG, ou saisissez une ou deux lettres ou un emoji.
  2. Réglez la forme, l'arrière-plan et la marge en regardant l'aperçu.
  3. Téléchargez le ZIP, placez les fichiers à la racine de votre site et collez le HTML dans le <head>.

Questions fréquentes


De quels fichiers ai-je vraiment besoin ?
Le favicon.ico à la racine du site couvre tous les navigateurs. L'apple-touch-icon.png de 180 pixels est celui qu'affichent l'iPhone et l'iPad sur l'écran d'accueil, et les PNG de 192 et 512 pixels avec le manifeste web sont ceux qu'utilise Android. Le ZIP les contient tous.

Pourquoi l'apple-touch-icon a-t-il un arrière-plan ?
iOS remplit de noir les zones transparentes de cette icône et arrondit lui-même les coins ; elle est donc toujours carrée et opaque, avec du blanc derrière lorsque vous avez choisi un arrière-plan transparent.

Quelle image fonctionne le mieux ?
Un logo ou un symbole carré, avec peu de détails, d'au moins 512 pixels ou en SVG. Le texte et les traits fins disparaissent à 16 pixels ; vérifiez les aperçus en 16 et 32 pixels et utilisez la marge si le dessin touche les bords.

Mon nouveau favicon n'apparaît pas. Pourquoi ?
Les navigateurs conservent les favicons en cache très longtemps. Ouvrez favicon.ico directement dans le navigateur et rechargez-le, ou testez dans une fenêtre privée ; les moteurs de recherche peuvent mettre des jours ou des semaines à afficher la nouvelle icône.

Mon image est-elle envoyée ?
Non. Les icônes sont dessinées et les fichiers créés dans votre navigateur ; rien n'est envoyé à un serveur.

⭐ Convertir PNG en ICO
🖼 Convertir SVG en PNG
📐 Redimensionneur d'Images

Wikipedia — Favicon
Wikipedia — ICO (file format)