Comment l'utiliser
- Choisissez Importer une image et sélectionnez une image carrée, ou choisissez Texte / Emoji et saisissez une lettre ou un emoji.
- Pour le texte, choisissez la couleur du texte et la couleur d'arrière-plan et vérifiez l'aperçu.
- Cliquez sur télécharger pour obtenir un ZIP contenant toutes les tailles d'icônes.
Le générateur propose deux modes de saisie. En mode Importer une image, vous fournissez une image, par exemple un logo. En mode Texte / Emoji, l'outil dessine votre texte en gras sur un carré de 512 pixels avec la couleur de texte et la couleur d'arrière-plan que vous choisissez, ce qui permet d'obtenir rapidement une icône pour un site qui n'a pas encore de logo.
Le ZIP contient cinq fichiers PNG : favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 sur 180), android-chrome-192x192.png et android-chrome-512x512.png. Chacun est obtenu en redimensionnant votre source en un carré avec un lissage de haute qualité. Comme chaque icône est dessinée sous forme de carré, partez d'une image carrée, sinon une image non carrée sera étirée pour s'y adapter.
Le ZIP ne comprend ni fichier .ico ni manifeste web ; vous devrez donc écrire vous-même les balises link et tout manifeste. L'approche habituelle consiste à référencer les fichiers de 16 et 32 pixels dans des balises link avec rel icon, le fichier de 180 pixels avec rel apple-touch-icon, et les fichiers de 192 et 512 pixels dans un manifeste d'application web.
Tout est généré sur des canevas dans votre navigateur, et votre image n'est pas envoyée.
FAQ
Quelles tailles contient le ZIP ?
16x16, 32x32, 180x180 (apple touch icon), 192x192 et 512x512, toutes en PNG.
Crée-t-il un fichier .ico ?
Non. La sortie est uniquement en PNG.
Quelle image dois-je importer ?
Une image carrée. Les autres formes sont étirées en carré, ce qui les déforme.
Puis-je utiliser un emoji ?
Oui. En mode Texte / Emoji, vous pouvez saisir un emoji ou une lettre. L'apparence d'un emoji dépend des polices de votre appareil.
Mon logo est-il envoyé ?
Non. Les icônes sont générées dans votre navigateur.