Générateur de favicon
Transformez une image en pack de favicons complet : un ICO multitaille réel (16, 32 et 48 dans un seul fichier), une icône apple-touch, les PNG android-chrome, un manifeste d'application web et le HTML exact à coller. Tout est généré dans votre navigateur, rien n'est envoyé.
Déposez une image ici
Votre image reste sur votre appareil. Rien n'est envoyé.
Déposez ou choisissez une image pour créer votre pack de favicons.
À quoi sert cet outil
Déposez un logo, une icône ou n'importe quelle image carrée et cet outil fait pousser un pack de favicons complet à partir d'elle. La pièce maîtresse est un vrai favicon.ico multi-image : les versions de 16, 32 et 48 pixels vivent dans un même fichier .ico, exactement comme le favicon classique que les navigateurs demandent encore, et non un simple PNG renommé avec une extension .ico. Autour, vous obtenez l'icône apple-touch pour l'écran d'accueil iOS, les PNG android-chrome qu'attend un manifeste d'application web, le site.webmanifest lui-même et le bloc exact de HTML à coller dans l'en-tête de votre page. Vous pouvez télécharger chaque fichier séparément ou récupérer tout le pack dans un zip. Chaque étape s'exécute dans votre navigateur avec canvas et JavaScript, donc votre image ne quitte jamais votre appareil et il n'y a ni envoi, ni file d'attente, ni limite de taille.
Vous voulez d'abord préparer l'image source ? Redimensionnez-la avec Redimensionner une image ou changez son format avec Convertisseur d'images, puis revenez générer le pack.
À quoi ça vous sert
- Publiez un vrai favicon.ico contenant les versions 16, 32 et 48 pixels dans un seul fichier, comme l'attendent les navigateurs et les moteurs de recherche.
- Générez l'icône apple-touch et les PNG android-chrome dont un site moderne a besoin, le tout depuis une seule image source.
- Obtenez un site.webmanifest prêt à l'emploi et le HTML exact de l'en-tête pour brancher les icônes sans fouiller la documentation.
- Transformez un logo en favicon en quelques secondes, en privé, sans l'envoyer à un serveur tiers.
- Téléchargez le pack complet dans un zip et déposez-le directement à la racine de votre projet.
Comment l'utiliser
- Déposez une image dans la zone, ou cliquez pour en choisir une sur votre appareil.
- Choisissez un fond : laissez-le transparent, ou remplissez-le en blanc ou d'une couleur personnalisée pour des icônes carrées.
- Vérifiez les aperçus à chaque taille, puis indiquez le nom de votre application pour le manifeste web.
- Téléchargez le favicon.ico multitaille seul, ou récupérez tout le pack dans un zip.
- Collez le HTML dans l'en-tête de votre page, ajoutez les fichiers à la racine de votre site, et c'est terminé.
Tout le travail se passe dans votre navigateur. Aucun fichier n'est envoyé à un serveur. Voir plus d'outils dans le même champ.
Va bien avec
D'autres outils qu'on utilise souvent dans le même flux.
Autres outils du même champ
ImageRedimensionner une Image en Ligne
Redimensionnez vos images en ligne à toute taille, avec verrouillage du ratio en option. PNG, JPG et WebP, gratuit et dans votre navigateur.
Convertir une Image: PNG, JPG, WebP
Convertissez vos images entre PNG, JPG et WebP en ligne, dans les deux sens. Rapide, gratuit et entièrement dans votre navigateur, sans envoi.
Compresser une Image (JPG, PNG)
Compressez vos images JPG, PNG et WebP en ligne pour réduire leur poids sans perte visible. Gratuit, rapide et dans votre navigateur, sans envoi.
Convertir une Image en Base64
Convertissez une image en data URL Base64, ou repassez du Base64 à une image. Dans les deux sens, gratuit et dans votre navigateur, sans envoi.
Questions fréquentes
Est-ce un vrai ICO multitaille ou juste un PNG renommé ?
C'est un vrai conteneur ICO. L'outil construit un fichier .ico réel dont le répertoire contient les images de 16, 32 et 48 pixels, chacune stockée comme sa propre entrée avec les offsets et les tailles corrects. C'est le format que les navigateurs attendent pour favicon.ico depuis des années, et c'est là que la plupart des générateurs à image unique font l'impasse.
Mon image est-elle envoyée quelque part ?
Non. L'image est décodée, redimensionnée et empaquetée entièrement dans votre navigateur avec canvas et JavaScript. Rien n'est envoyé à un serveur, c'est pourquoi il n'y a pas d'attente d'envoi ni de limite de taille.
Quels fichiers est-ce que j'obtiens ?
Un favicon.ico multitaille, favicon-16x16.png et favicon-32x32.png, un apple-touch-icon.png de 180 pixels, des PNG android-chrome de 192 et 512 pixels, un site.webmanifest et un extrait de HTML à coller. Vous pouvez les télécharger un par un ou tous ensemble dans un zip.
Quelle taille et quel format pour l'image source ?
Une image carrée fonctionne le mieux, idéalement de 512 pixels ou plus pour que les grandes icônes restent nettes. PNG, JPG, WEBP et GIF fonctionnent tous. Une image non carrée est ajustée dans le carré et centrée, avec le fond que vous choisissez qui remplit le reste.
Où mettre les fichiers et le HTML ?
Placez les fichiers à la racine de votre site pour qu'ils se résolvent à des chemins comme /favicon.ico et /site.webmanifest, puis collez le bloc HTML dans l'en-tête de vos pages. Les liens pointent vers ces chemins racine, donc dès que les fichiers sont en place, les icônes fonctionnent d'elles-mêmes.