Convertir WebP en ICO

Un fichier ICO n’est pas une image à une seule taille. C’est un répertoire qui dit « je contiens cette image en 16, en 32, en 48, et en 256 », et le système d’exploitation ou le navigateur choisit la taille qui convient à l’usage. Pour une favicon, c’est ce qui rend une image nette à 16 pixels sur un onglet de navigateur et à 32 pixels dans un marque-page sans qu’aucun de ces usages ne soit flou.

C’est aussi un format qui vient de Windows 3.0 en 1985 et qui a survécu à presque tout. Chaque raccourci Windows, chaque icône de dossier, chaque favicon de navigateur, et beaucoup de fichiers exécutables embarquent un ICO. Le format a ses particularités, et la conversion en tire parti pour produire un fichier qui fonctionne sur la majorité des cibles sans intervention supplémentaire.

L’ICO écrit par cette conversion contient plusieurs tailles : 16, 32, 48, et selon ce que la source permet, 64, 128, 256. Chaque taille est une version redimensionnée de l’image source, et toutes sont des images PNG embarquées, pas des bitmaps bruts. Un ICO peut techniquement porter des BMP, et certains très anciens le font, mais la version moderne et compatible est le PNG embarqué, et c’est ce que cette conversion écrit.

Le contrôle des tailles vous laisse choisir quelles dimensions inclure. Par défaut, c’est 16, 32, 48 — les trois tailles universelles qui couvrent la quasi-totalité des usages. Pour une cible spécifique qui demande 64 ou 128, le sélecteur le permet. Pour un cas qui veut la taille maximale, 256 est la limite, et l’option de ne pas la mettre est aussi possible pour un ICO qui doit rester petit.

Le redimensionnement préserve le ratio et ne dégrade pas l’image, mais il ne peut pas inventer du détail qu’une petite source n’a pas. Une image source de 64 pixels carrés demande d’être représentée en 256 pixels carrés, ce qui est une mise à l’échelle d’un facteur quatre, et l’opération produit un ICO qui a l’air plus doux que ce qu’une source 256 native aurait donné.

Pour une favicon, c’est en général sans importance : à 16 et 32 pixels, le navigateur ne voit pas la différence. Pour une icône d’application qui doit être nette à 128, partez d’une source qui a au moins cette taille. Le redimensionnement fait ce qu’il peut, et ce qu’il peut n’inclut pas l’invention de pixels qui n’existaient pas.

Le WebP peut porter un canal alpha, et le PNG aussi. Le ICO qui en résulte contient des images PNG, et chaque image PNG préserve la transparence du WebP. Un logo avec un fond transparent arrive en ICO transparent, et un raccourci Windows qui pose l’ICO sur un fond coloré montre l’icône sans aplatir la transparence.

Pour une icône d’application qui doit s’afficher proprement sur n’importe quel fond, c’est la propriété qui rend l’ICO utilisable. Pour un ICO qui est lu comme une simple image, certains lecteurs anciens peuvent aplatir la transparence sur un fond blanc, et c’est explicite dans le code source que le PNG embarqué est ce qui est écrit, et que la lecture dépend du consommateur.

L’ICO contient plusieurs versions de l’image, une par taille, et chacune est un PNG. Pour une image source en WebP de 5 Ko, l’ICO peut faire 10 à 20 Ko selon les tailles demandées, et c’est plus gros que la source sans que rien n’ait été ajouté en termes de contenu.

C’est la nature du format, et c’est explicite. Le prix de l’universalité — un fichier qui marche à toutes les tailles standard sans manipulation supplémentaire — est la duplication du contenu à des résolutions multiples. Pour une favicon, c’est sans importance : le navigateur charge celle qu’il veut et ignore le reste. Pour un cas où la taille compte vraiment, il faut choisir les tailles avec soin et ne demander que celles qui seront effectivement utilisées.

Le WebP peut porter un profil ICC. Le PNG peut aussi, techniquement, mais le PNG embarqué dans un ICO n’est en pratique jamais lu avec son profil par les consommateurs d’ICO. Le résultat est que l’information d’espace colorimétrique est perdue, et l’ICO est interprété comme du sRGB par les logiciels qui le lisent.

Pour la quasi-totalité des images qui passent par cette conversion — favicons, icônes d’application, petits logos — c’est sans importance parce que ces images sont presque toujours en sRGB à la source. Pour un asset dans un gamut étendu qui doit être précisément rendu, c’est une perte, et la destination doit s’accommoder de sRGB ou un autre format de sortie est préférable.

Le WebP peut porter des métadonnées : EXIF pour les informations de prise de vue, XMP pour les modifications, IPTC pour les droits, le profil ICC. L’ICO n’a pas de champ pour aucune d’elles, et le PNG embarqué, même s’il peut techniquement porter un profil ICC, n’est pas un canal pour les autres.

Pour une image sans métadonnées à perdre — la quasi-totalité des images qui passent par cette conversion — c’est sans importance. Pour un cas où les métadonnées sont chargées d’importance, l’ICO n’est pas le bon format de destination, et la page de suppression des métadonnées sur le WebP source est l’outil qui décide ce qui part et ce qui reste.

Une image source rectangulaire devient un ICO avec la même proportion, pas une version carrée étirée. Le redimensionnement préserve le ratio et centre l’image dans le carré de chaque taille, ce qui donne une favicon qui n’est pas déformée mais qui peut avoir un fond visible si la cible attend un carré complet.

Pour un logo qui est strictement carré à la source, c’est sans surprise. Pour un logo qui est légèrement rectangulaire — un peu plus large que haut, par exemple — c’est une décision à prendre à la conception plutôt qu’à la conversion : ajuster le logo pour qu’il remplisse la cible carrée, ou accepter l’espace vide sur les côtés. C’est explicite dans le code source que le ratio est préservé, et c’est à l’auteur de l’image de décider comment il veut que sa favicon apparaisse.

Un ICO se teste facilement sans installation. Ouvrez un onglet, glissez le fichier `.ico` dans la barre d’adresse, et le navigateur affiche l’image à différentes tailles. Pour une favicon, ajoutez `<link rel="icon" href="favicon.ico">` dans l’en-tête HTML d’une page locale et rechargez, et le navigateur charge l’ICO et l’affiche à côté du titre de l’onglet.

Pour Windows, clic droit sur le fichier, Propriétés, et sous l’onglet Raccourci vous pouvez voir comment l’icône est rendue à différentes tailles. Pour macOS, l’aperçu QuickLook ouvre le fichier et montre la plus grande taille disponible, ce qui est utile pour vérifier la qualité de l’image source redimensionnée.

Déposez jusqu’à cent WebP en une seule passe, et chacun sort en ICO. Pour une bibliothèque d’icônes, c’est une conversion qui revient : des images d’illustration qui doivent devenir des favicons, des logos qui doivent devenir des icônes d’application, des pictogrammes qui doivent devenir des raccourcis Windows.

Comme rien n’est téléversé, un lot ne coûte pas de bande passante et ne heurte aucun quota quotidien. Le ZIP qui sort contient tous les ICO, nommés d’après les fichiers d’origine. Pour un cas de migration où des dizaines d’images doivent basculer, c’est un workflow qui marche en local et qui se vérifie dans l’onglet réseau des outils de développement pendant qu’une conversion tourne.