Le fichier .ico contient des images PNG, format pris en charge par tous les navigateurs actuels. Les tailles 180, 192 et 512 servent aux appareils Apple et Android.
floobits.com
floobits.com
🖼️ Images et PDF
Générez les icônes de votre site à partir d'une lettre ou d'une image : fichier .ico, PNG de toutes tailles et balises HTML.
Par Jimenez Julien, éditeur de Floobits.com · mis à jour le
Le fichier .ico contient des images PNG, format pris en charge par tous les navigateurs actuels. Les tailles 180, 192 et 512 servent aux appareils Apple et Android.
Le favicon est la petite icône qui s'affiche dans l'onglet du navigateur, les favoris et les résultats de recherche sur mobile. Il en faut en pratique plusieurs : un fichier favicon.ico pour les navigateurs, une icône de 180 pixels pour l'écran d'accueil des appareils Apple, et des icônes de 192 et 512 pixels pour Android et les applications web.
Cet outil dessine l'icône dans un canvas à chaque taille demandée, de 16 à 512 pixels, à partir d'une lettre (police, couleurs et forme au choix) ou de votre propre image recadrée au carré. Le fichier .ico est assemblé à la main : un en-tête, un répertoire d'images, puis les images PNG embarquées, ce qui évite toute perte et fonctionne dans tous les navigateurs actuels.
Un aperçu aux tailles réelles vous aide à vérifier la lisibilité à 16 pixels, où les détails fins disparaissent. Le code HTML correspondant est généré pour être collé dans l'en-tête de vos pages, et l'ensemble peut être téléchargé en une archive ZIP.
Un fichier favicon.ico contenant 16, 32 et 48 pixels, une icône de 180 pixels pour Apple, et des PNG de 192 et 512 pixels pour Android. Les autres tailles sont facultatives.
À la racine de votre site, puis collez les balises fournies dans la section head de vos pages. Le fichier favicon.ico à la racine est aussi repéré automatiquement par la plupart des navigateurs.
À cette taille, seuls les motifs très simples restent lisibles. Préférez une image carrée, au fort contraste et sans texte fin, ou utilisez une lettre.
Non. L'image est traitée uniquement dans votre navigateur, et les fichiers sont créés localement avant le téléchargement.