Format ICO — icônes Windows et favicons
L'ICO : plusieurs tailles dans un fichier, tailles conseillées par Windows (16, 32, 48, 256 px), icônes PNG, favicons et création à partir d'un PNG.
L'ICO est le format utilisé par Windows pour stocker les icônes de programmes, de fichiers et de raccourcis. Le type de média officiel enregistré auprès de l'IANA est image/vnd.microsoft.icon, mais c'est image/x-icon qui est le plus utilisé en pratique (MDN). Sa grande différence avec les formats d'image classiques : un seul fichier contient plusieurs images de tailles différentes. Windows choisit et affiche la taille la plus adaptée selon le contexte : barre des tâches, liste de l'Explorateur, affichage en grandes icônes, etc.
Structure
Un fichier ICO commence par un court en-tête et une « liste d'images (répertoire) ». Chaque entrée de la liste indique la largeur, la hauteur, le nombre de couleurs et l'emplacement des données, et les images elles-mêmes suivent. Chaque image est stockée sous l'une des deux formes suivantes.
- Format BMP (DIB) : la méthode traditionnelle. Un masque AND de 1 bit (transparent ou non) est stocké avec les données de couleur, et les images 32 bits rendent une transparence douce grâce au canal alpha. L'en-tête de fichier (
BM) est omis. - Format PNG : pris en charge depuis Windows Vista. Il permet de stocker de grandes icônes dans un faible volume.
L'en-tête en détail
Les 6 premiers octets d'un fichier ICO contiennent une valeur réservée (0), le type (1 = icône, 2 = curseur) et le nombre d'images. Suit, pour chaque image, une entrée de 16 octets indiquant largeur, hauteur, nombre de couleurs, taille et emplacement des données. Les champs de largeur et de hauteur ne font qu'un octet et ne peuvent aller que jusqu'à 255 : la règle veut donc que 256 pixels s'écrive 0. Les fichiers de curseur (.cur), qui utilisent la même structure, stockent à la place des champs plans de couleur et bits par pixel les coordonnées du point de clic (hotspot).
Tailles recommandées par Windows
Les directives de conception d'icônes de Microsoft recommandent d'inclure dans les icônes d'application les tailles 16×16, 32×32, 48×48 et 256×256. L'icône 256×256 a été ajoutée avec Vista, et cette grande taille est généralement stockée compressée en PNG. Pour les petites tailles, plutôt que de simplement réduire la grande image, il est préférable de les retravailler à part en épaississant les traits et en simplifiant les détails, pour plus de netteté.
Windows choisit dans le fichier la taille la plus proche selon la mise à l'échelle de l'écran (réglage DPI) et le mode d'affichage de l'Explorateur, et fabrique les tailles manquantes par agrandissement ou réduction. En incluant toutes les tailles couramment utilisées, l'icône reste nette sur tous les écrans. De nombreux endroits, comme le favicon dans l'onglet du navigateur, l'affichent en 16×16 : la plus petite taille est donc particulièrement importante.
Favicons et ICO
Le favicon des sites web est depuis longtemps servi sous la forme /favicon.ico à la racine du site, et tous les principaux navigateurs le prennent en charge. Aujourd'hui, il est recommandé de déclarer un favicon PNG ou SVG avec <link rel="icon"> (MDN), mais certains programmes demandent directement /favicon.ico sans balise de lien : beaucoup de sites conservent donc aussi un ICO.
Google Search Central indique que le favicon affiché dans les résultats de recherche doit être carré (1:1) et mesurer au moins 8×8 pixels, et recommande une taille supérieure à 48×48 pixels pour un bon rendu sur tous les écrans. Parmi les formats pris en charge figurent notamment ICO, PNG, GIF, JPEG et BMP.
Précautions de conversion
- Utilisez un original carré. Une image rectangulaire sera étirée ou entourée de marges. Si besoin, recadrez-la d'abord en 1:1.
- Partir d'un PNG à fond transparent donne des bords d'icône naturels. Avec un JPG, le fond carré blanc reste visible.
- Aux très petites tailles comme 16×16, le texte est illisible : mieux vaut ne garder que la forme essentielle du logo.
- La conversion PNG en ICO permet de regrouper plusieurs tailles dans un seul fichier.
- L'Explorateur Windows met les icônes en cache : si l'ancienne icône apparaît encore après modification, attendez que le cache se mette à jour ou renommez le fichier pour vérifier.
Essayer maintenant