Convertissez vos images en icônes et favicons
Choisissez une image et nous en générons un jeu d'icônes complet : un favicon.ico contenant six tailles, ainsi que des icônes PNG pour chaque dimension réclamée par les navigateurs et les systèmes d'exploitation.
Comment l'utiliser
- 1
Choisissez une image — de préférence un PNG carré sur fond transparent.
- 2
Sélectionnez le mode d'ajustement et les tailles voulues.
- 3
Vérifiez chaque taille avant de télécharger.
- 4
Téléchargez le favicon.ico seul, ou le pack complet avec les icônes PNG et le manifeste.
Pourquoi une seule image ne suffit pas
Les navigateurs réclament 16 et 32 pixels pour l'onglet, iOS réclame 180 pour l'écran d'accueil, et Android réclame 192 et 512 pour le manifeste. Fournir une seule grande image laisse chaque appareil la réduire lui-même, ce qui donne un rendu brouillon aux petites tailles ; nous générons donc chaque dimension séparément avec un lissage de haute qualité.
Ce qu'est un fichier ICO
Un fichier unique contenant plusieurs images à des tailles différentes, parmi lesquelles le système choisit celle qui convient à chaque emplacement. Nous y plaçons 16, 32, 48, 64, 128 et 256 pixels, la couverture dont ont besoin les navigateurs et Windows réunis.
Image entière ou remplir et rogner ?
Les icônes sont carrées et votre image ne l'est généralement pas. « Image entière » la conserve intégralement en ajoutant des marges transparentes, ce qui convient aux logos. « Remplir et rogner » occupe tout le carré en coupant les bords, ce qui convient aux photographies.
Questions fréquentes
- Quelle différence entre favicon.ico et les icônes PNG ?
- L'ICO réunit plusieurs tailles et tous les navigateurs le comprennent, même les anciens. Les PNG séparés sont ce qu'exigent iOS, Android et le manifeste web. Le pack complet vous donne les deux.
- Où placer les fichiers ?
- À la racine de votre site, puis ajoutez les balises affichées sous l'outil dans le head de vos pages.
- Quelle image de départ choisir ?
- Une image carrée sur fond transparent, de 512 pixels ou plus. Un logo simple se lit bien mieux à 16 pixels qu'un dessin chargé de détails.
- La transparence est-elle conservée ?
- Oui. Toutes les tailles sont générées en PNG, dans l'ICO comme en dehors, et le PNG gère parfaitement la transparence.
- Le SVG est-il pris en charge ?
- Oui, et c'est la meilleure source possible : il est dessiné à la taille exacte de chaque icône, le résultat est donc parfaitement net.
- Quelle est la taille de l'icône iOS ?
- 180 pixels, pour la balise apple-touch-icon. Elle est cochée par défaut dans la liste des tailles.
- Mon image est-elle envoyée sur un serveur ?
- Non. Tout est généré dans votre navigateur, et le fichier ICO lui-même est assemblé octet par octet sur la page.
- Qu'est-ce que site.webmanifest ?
- Un fichier qui indique à Android quelles icônes utiliser lorsqu'on ajoute votre site à l'écran d'accueil. Nous le générons prêt à l'emploi dans le pack.