Générateur de favicon ICO à partir d’une image

Choisissez une image et l’une des cinq tailles carrées. Avec JavaScript, l’icône est générée dans ce navigateur et rien n’est envoyé ; sans JavaScript, le formulaire poste le fichier au serveur. Dans les deux cas, vous téléchargez un favicon.ico qui conserve la transparence et le rapport d’aspect de la source.

1. Sélectionnez une image PNG, JPEG, GIF ou WebP. Une image carrée produit le meilleur résultat.

2. Choisissez les dimensions ICO requises par le navigateur ou l'application cible.

3. Générez et téléchargez le fichier favicon.ico, puis ajoutez-le aux ressources de votre site Web.

Dimensions ICO :

Comment convertir une image en favicon.ico

Choisissez une image PNG, JPEG, GIF ou WebP, l’une des cinq tailles carrées, puis téléchargez un favicon.ico pour un onglet, un signet ou une application installée. L’icône conserve la forme de la source : une image non carrée est ajustée, centrée et complétée par des marges transparentes au lieu d’être étirée.

Avec JavaScript, le fichier est décodé dans ce navigateur et l’ICO y est écrit : l’image n’est jamais envoyée. Le formulaire fonctionne aussi sans JavaScript ; il poste le fichier au serveur, qui accepte jusqu’à 200 Ko. Les deux chemins écrivent le même format : une image 32 bits avec son masque AND 1 bit, donc la transparence survit.

  1. Choisissez une image : PNG, JPEG, GIF ou WebP.
  2. Sélectionnez la taille carrée : 16, 32, 48, 64 ou 128 pixels.
  3. Cliquez sur « Générer ICO ».
  4. Comparez l’aperçu avec l’image source ; le damier derrière l’aperçu représente la transparence.
  5. Téléchargez favicon.ico et placez-le à la racine du site, ou pointez votre <link rel="icon"> dessus.
  6. Si le navigateur affiche encore l’ancienne icône, forcez le rechargement : les caches de favicons sont tenaces.

À quoi sert chaque taille, comment l’image est ajustée et où la conversion s’exécute

À quoi sert chaque taille

16 px est l’icône d’onglet classique, 32 px est la valeur par défaut ici et couvre les onglets sur écrans denses, 48 px et 64 px servent aux raccourcis du bureau, aux commutateurs de tâches et à certains lanceurs Android, et 128 px couvre les fiches de boutique et les vignettes d’application. Le format écrit est ICO et non PNG, car les raccourcis et les anciens shells Windows attendent un conteneur ICO.

Un fichier contient une seule image : une icône de 32 px pèse 4 286 octets, celle de 16 px 1 150 octets et celle de 128 px 67 646 octets. Le navigateur met à l’échelle l’unique image qu’il trouve : la taille choisie arbitre donc entre netteté sur les grandes vignettes et octets à chaque chargement.

Comment l’image est ajustée

Une image carrée est mise à l’échelle directement. Une image non carrée garde son rapport d’aspect : elle est ajustée dans le carré, centrée, et les marges restantes restent transparentes — les cercles restent des cercles et les logos ne sont pas déformés.

La transparence est écrite deux fois : dans le canal alpha 32 bits et dans le masque AND que lisent encore d’anciens lecteurs. Un PNG transparent garde donc son fond transparent au lieu de devenir noir. Un GIF animé est lu comme sa première image, et un JPEG n’a pas de transparence à préserver.

Où la conversion s’exécute et ce qu’elle refuse

Avec JavaScript, l’image ne quitte pas l’appareil : aucun envoi, aucune limite de taille, et l’outil fonctionne hors ligne. La solution sans JavaScript envoie l’image au serveur et accepte jusqu’à 200 Ko (204 800 octets).

Les deux chemins refusent les images dépassant 4096 × 4096 pixels, car une bitmap plus grande épuise la mémoire d’une requête, ainsi que les formats autres que PNG, JPEG, GIF et WebP. L’agrandissement est permis — une source 4 × 4 produit un fichier de 128 px — mais le résultat reste aussi doux que sa source.

Outils récents :