Convertir un PNG ou un JPG en ICO et vérifier les tailles

3 min de lecture · Mis à jour le · Dernière vérification :

Sur cette page
  1. Ce qu’est un fichier ICO
  2. Quelles tailles choisir
  3. Pas à pas
  4. Dessiner pour les petites tailles
  5. Regarder dans un fichier .ico avec la Visionneuse ICO
  6. Un jeu de favicons complet
  7. Confidentialité
  8. Essayez maintenant

En bref : ouvrez l’outil Image en ICO d’Imgovo, ajoutez un PNG, JPG, WebP ou SVG, cochez les tailles voulues (pour un site : 16, 32 et 48 px), choisissez comment l’image s’inscrit dans le carré et téléchargez le fichier .ico. Pour vérifier une icône existante, déposez-la dans la Visionneuse ICO. Les deux outils fonctionnent dans votre navigateur et rien n’est envoyé.

Ce qu’est un fichier ICO

Un fichier .ico est un conteneur. Il renferme plusieurs petites images, appelées couches, chacune avec sa propre taille. Windows, les navigateurs et d’autres programmes choisissent la couche qui convient le mieux à l’endroit où l’icône s’affiche : onglet, barre des tâches, raccourci ou dossier. C’est pourquoi un bon fichier d’icône contient plus d’une taille.

Quelles tailles choisir

Usage Tailles
Favicon de site web 16, 32, 48 px
Programme ou raccourci Windows ajoutez 64, 128, 256 px
Tout 16, 24, 32, 48, 64, 96, 128, 256 px

L’outil propose deux raccourcis : Site web : 16, 32, 48 et Toutes les tailles. Chaque taille cochée est stockée comme une image à part, donc plus de tailles donnent un fichier plus lourd.

Pas à pas

  1. Ouvrez Image en ICO et déposez une image sur la page, cliquez pour en choisir une ou collez-la depuis le presse-papiers. Une image carrée à fond transparent donne le meilleur résultat.
  2. Choisissez les Tailles dans le fichier.
  3. Sous Forme, choisissez Recadrer en carré (remplit tout le carré et coupe les bords d’une image large) ou Ajuster l’image entière (garde tout et ajoute de l’espace vide sur les côtés).
  4. Choisissez un Arrière-plan : transparent ou une couleur. Réglez la marge intérieure et les Coins arrondis si vous le souhaitez.
  5. Vérifiez l’aperçu des Calques.
  6. Cliquez sur Télécharger le fichier .ico.

Chaque couche est dessinée à partir de votre image à sa taille exacte, au lieu de réduire ensuite une grande image. Après la création, Imgovo relit le fichier et le vérifie.

Dessiner pour les petites tailles

À 16 × 16 pixels, les détails fins disparaissent. Utilisez une forme marquée, une ou deux lettres ou un logo simple, et gardez un peu de marge. Si votre logo a un fond indésirable, supprimez-le d’abord ; voir Comment supprimer gratuitement l’arrière-plan d’une photo (sans l’envoyer).

Regarder dans un fichier .ico avec la Visionneuse ICO

Vous ne savez pas ce que contient un fichier d’icône ? Ouvrez la Visionneuse ICO et déposez le fichier sur la page. Pour chaque couche, elle affiche :

  • la taille,
  • la profondeur de couleur,
  • si la couche est stockée en PNG ou en ancien bitmap (DIB),
  • le nombre d’octets utilisés,
  • l’image elle-même sur un damier, pour que la transparence soit visible.

Vous pouvez enregistrer une couche en PNG ou utiliser Enregistrer toutes les couches en PNG (ZIP). La visionneuse affiche les couches PNG et les couches bitmap non compressées à 1, 4, 8, 24 ou 32 bits par pixel, avec leur masque de transparence. Une couche avec une autre compression est listée avec une remarque mais ne peut pas être dessinée. Si la taille annoncée dans le répertoire du fichier diffère de la taille réelle de l’image, la visionneuse affiche la taille réelle et ajoute une remarque.

Un jeu de favicons complet

Un .ico n’est qu’une partie d’un jeu d’icônes de site. Pour des favicons PNG, une icône Apple, des icônes Android, un favicon SVG optionnel, un manifeste et les lignes à coller dans vos pages, utilisez le Générateur de favicon et lisez Comment créer un favicon pour votre site (ICO, PNG, icônes Apple et Android).

Confidentialité

Le fichier ICO est créé et lu dans votre navigateur. Votre image ne quitte jamais votre appareil.

Essayez maintenant

Ouvrez Image en ICO, ajoutez votre image et téléchargez une icône avec les tailles dont vous avez besoin.

Questions fréquentes

Quelles tailles un fichier ICO doit-il contenir ?

Pour un favicon de site web, 16, 32 et 48 px suffisent. Pour un programme ou un raccourci Windows, ajoutez des tailles plus grandes comme 64, 128 et 256 px. Chaque taille cochée est stockée comme une image à part : une sélection plus large donne un fichier plus lourd.

Pourquoi un fichier ICO est-il composé de plusieurs images ?

Un fichier ICO est un petit conteneur. Chaque couche est une image distincte avec sa propre taille, et le système ou le navigateur choisit la couche la mieux adaptée. Imgovo dessine chaque couche à partir de votre image à cette taille exacte, au lieu de réduire ensuite une grande image.

Les couches sont-elles stockées en PNG ?

Oui. Chaque couche est écrite comme une image PNG dans le fichier ICO, ce qui conserve la transparence et est pris en charge par les navigateurs actuels et par Windows depuis Vista. Des programmes très anciens ne comprennent parfois que les anciennes couches bitmap.

Pourquoi mon image est-elle coupée ?

Les icônes sont carrées. Recadrer en carré remplit tout le carré et coupe les bords d’une image large. Ajuster l’image entière garde tout et ajoute de l’espace vide sur les côtés, transparent ou coloré.

La visionneuse ICO peut-elle ouvrir un curseur .cur ?

Non. Les fichiers de curseur ressemblent aux icônes mais contiennent des positions de point actif et utilisent un autre numéro de type. La visionneuse est réservée aux icônes et vous le signale.

Me faut-il Image en ICO ou le Générateur de favicon ?

Utilisez Image en ICO si vous n’avez besoin que du fichier .ico. Utilisez le Générateur de favicon si vous voulez aussi des icônes PNG, Apple et Android, un favicon SVG, un manifeste et les lignes HTML.