Aller au contenu principal

PNG vers ICO

PNG vers ICO transforme une image en fichier d’icône Windows contenant plusieurs tailles en même temps, pour que chaque onglet, barre des tâches et bureau affiche une version nette. Le fichier est un vrai .ico multi-tailles — 16, 32, 48 et 256 pixels dans un même document — plutôt qu’une bitmap redimensionnée, et il est construit dans votre navigateur ; rien n’est envoyé.

100 % local

Déposez un carré PNG, ou cliquez pour choisir

ou n’importe où sur la page · Choisir un fichier · 100 Mo

Acceptés : PNG, JPG, JPEG, WebP, AVIF, HEIC

Tailles à inclure

Comment fonctionne PNG vers ICO ?

Un .ico n’est pas un format d’image. C’est un répertoire : un en-tête, une entrée de 16 octets par image, puis les images elles-mêmes. Le système d’exploitation lit le répertoire et choisit l’entrée qui correspond à la taille dont il a besoin — 16 pixels pour un onglet de navigateur, 32 pour une barre des tâches, 48 pour l’affichage moyen de l’Explorateur, 256 sur un bureau à haute densité de pixels.

Pourquoi une seule taille est la mauvaise réponse

Presque tous les outils « convertir en ICO » produisent une image unique en 32×32 ou 256×256. Une icône unique de 32 pixels affichée à 256, c’est un dessin de 32 pixels agrandi huit fois — exactement le favicon flou que tout le monde remarque et que personne ne sait situer. Une icône unique de 256 pixels affichée à 16 est pire encore : le navigateur la réduit avec le filtre qu’il a sous la main, et les traits fins disparaissent dans le gris.

Chaque entrée est ici dessinée à partir de vos pixels d’origine, à sa propre taille de sortie, plutôt que rééchantillonnée depuis une réduction plus grande. Cela compte à 16 pixels, où un trait d’un pixel fait la différence entre un symbole lisible et une tache.

PNG entries, et le seul cas où ce n’est pas assez

Le format contenait à l’origine des bitmaps indépendants du périphérique. Depuis Windows Vista, une entrée peut être un fichier PNG complet, et c’est ce qui est écrit ici — plus petit, garde la transparence, n’exige aucun encodeur bitmap. Windows 10 et 11, tous les navigateurs et les outils de macOS le lisent.

L’exception mérite d’être dite : un shell Windows très ancien ou un installateur hérité peut attendre une entrée bitmap pour les petites tailles. Si votre icône va dans quelque chose de construit avant Vista, c’est une limitation réelle et non théorique.

Ce qui fait une bonne image source

Carrée, d’au moins 256×256, et transparente plutôt que sur fond blanc si elle doit se poser sur une bande d’onglets colorée. Un symbole à la silhouette pleine reste lisible à 16 pixels ; les traits fins, les dégradés et le petit texte non, et aucune résolution n’y change rien — voilà pourquoi l’aperçu 16 pixels ci-dessus est le premier à regarder.

Source

logo.png — 1024×1024, transparent

favicon.ico

16×16   PNG entry    1.1 KB
32×32   PNG entry    2.4 KB
48×48   PNG entry    4.0 KB
256×256 PNG entry   18.2 KB
                     ——————
                     25.7 KB in one file

Quelles options et quels cas limites PNG vers ICO prend en charge ?

Référence technique et options
ParamètreTypeValeur par défautComportement et cas limites
16 × 16tailleactivéeOnglets du navigateur et barre des favoris. La taille la plus difficile à réussir et la plus souvent vue : vérifiez cet aperçu avant tout autre.
24 × 24tailledésactivéeBarre des tâches Windows à une échelle de 100 %. Désactivée par défaut, car l’entrée 32 pixels couvre l’essentiel du même terrain et chaque entrée alourdit le fichier.
32 × 32tailleactivéeRaccourcis de la barre des tâches Windows et Finder de macOS. La taille que produisent la plupart des convertisseurs mono-taille, et la raison pour laquelle une icône à taille unique paraît acceptable — jusqu’à ce qu’elle ne le soit plus.
48 × 48tailleactivéeAffichage des icônes moyennes de l’Explorateur Windows, et taille qu’utilise le raccourci du bureau sur un écran standard.
64 × 64tailledésactivéeGrandes icônes de Windows et certains docks Linux. Peu coûteuse à inclure et rarement nécessaire.
128 × 128tailledésactivéeLe Dock de macOS, et les listes de raccourcis haute résolution de Windows.
256 × 256tailleactivéeIcônes très grandes de Windows et miniature qu’affiche un programme d’installation. Le format stocke cette taille en entrée PNG par convention — c’est ce qu’elle reçoit ici.
Format des entréesPNGtoujoursPNG dans ICO, pris en charge depuis Windows Vista et lu par tous les navigateurs ainsi que par macOS. Un shell antérieur à Vista peut attendre une entrée bitmap pour les petites tailles.
TransparenceconservéeouiLe canal alpha survit à chaque taille, si bien que l’icône se pose sur une bande d’onglets colorée sans boîte blanche derrière elle.
Plafond de la sourcebytes100 MBTout s’exécute dans l’onglet, donc un fichier plus lourd est refusé plutôt que tenté. Une source carrée de 256 pixels ou plus suffit à l’outil.

Questions fréquentes

Pourquoi mon favicon paraît-il flou dans l’onglet du navigateur ?

Parce que le fichier ne contient qu’une taille et que l’onglet en veut 16 pixels. Une icône unique de 32 pixels affichée à 16 est sous-échantillonnée par le navigateur et perd son détail ; une icône unique de 256 pixels est pire, car la réduction du navigateur efface les traits fins. Un .ico multi-tailles laisse le navigateur choisir l’entrée dessinée à la taille dont il a réellement besoin — c’est là tout l’intérêt du format.

Quelles tailles inclure ?

16, 32, 48 et 256 couvrent tout en pratique, et c’est ce que cet outil sélectionne par défaut. Ajouter 24, 64 et 128 aide sur certains facteurs d’échelle et coûte quelques kilooctets chacun. L’entrée 256 pixels est celle qu’il faut garder même si l’on est tenté de s’en passer : Windows s’en sert pour les icônes très grandes et les installateurs, et son absence explique que certains raccourcis affichent une icône générique.

Le .ico fonctionne-t-il dans les navigateurs, ou seulement sous Windows ?

Les deux. Chaque navigateur lit le .ico pour le favicon, et ce sont les entrées PNG qu’il contient qu’ils affichent. macOS le lit aussi — `sips` comme Finder savent le traiter. Le seul environnement qui ait eu du mal avec le PNG dans ICO est un shell Windows antérieur à Vista, et c’est pourquoi le tableau de référence le précise au lieu de revendiquer un support universel.

Faut-il aussi livrer un favicon PNG et un web manifest ?

Oui, et pour des raisons différentes. Un favicon PNG en 180×180 est ce qu’utilise iOS quand on ajoute le site à son écran d’accueil, et un web manifest avec des PNG en 192 et 512 pixels est ce qu’utilise Android. Le .ico couvre les navigateurs de bureau et Windows ; les autres couvrent le mobile. Ce sont des compléments, pas des alternatives.

Mon image source n’est pas carrée. Que se passe-t-il ?

Elle est recadrée au centre en carré, car chaque entrée d’un ICO est carrée par définition — chaque entrée a un champ width et un champ height, écrits comme le même nombre. Recadrez-la d’abord délibérément avec l’outil de recadrage d’images si la partie intéressante n’est pas au milieu.

Mon image est-elle envoyée ?

Non. Le décodage, le redimensionnement et l’assemblage de l’icône se déroulent dans cet onglet — le panneau Réseau n’affiche rien quand vous déposez un fichier. C’est plus important qu’il n’y paraît : l’image que l’on transforme en favicon est souvent un logo pas encore publié.