Outil image / 21

Convertisseur de favicon

Transformez une seule image en un pack de favicons complet — toutes les tailles PNG, un favicon.ico multi-résolution et un site.webmanifest — dans une seule archive zip.

Convertisseur de favicon: TOEA rend votre image en 16, 32, 180, 192 et 512 pixels, regroupe les deux petites tailles dans un fichier favicon.ico multi-résolution, écrit un site.webmanifest correspondant et compresse les sept fichiers ensemble dans une archive zip. Fonctionne 100 % localement dans votre navigateur, sans aucun téléversement de fichier vers le serveur.

Catégorie
Outils image
Exécutions
Dans votre navigateur
Coût
Gratuit · sans inscription
Disponibilité
Prêt à l'emploi
Presse pour paquet de faviconsTraitement local

Fonctionne entièrement dans votre navigateur

↥
Choisissez une image source carrée

PNG, JPG, WebP ou SVG · 1024 × 1024 ou plus grand donne les meilleurs résultats

Conserver le fichier ICO à la racine

Les navigateurs demandent /favicon.ico à la racine d’un site, même lorsqu’aucune page n’y fait référence. Certains lecteurs de flux, outils de création de favoris et robots d’exploration ne cherchent d’ailleurs nulle part ailleurs. Conservez donc le fichier ICO à la racine plutôt que dans un dossier d’images. Lorsque l’en-tête de la page contient des liens vers des icônes, les navigateurs les utilisent en priorité : les fichiers PNG peuvent ainsi servir aux navigateurs modernes, tandis que l’ICO couvre tous les autres. Consultez la documentation MDN sur les icônes.

Ajuster le manifeste

Le fichier site.webmanifest généré utilise le nom du site pour name et short_name. Le nom court est le libellé affiché sous une icône de l’écran d’accueil ; environ 12 caractères tiennent avant d’être tronqués. Raccourcissez-le si le nom est long. Les icônes sont listées sans "purpose": "maskable" ; Android peut donc les afficher réduites dans un cercle blanc. Pour remplir la forme du lanceur, ajoutez une icône maskable distincte dont le contenu important reste dans le cercle central, soit 80 % de la largeur.

Comment l'utiliser

  1. Choisissez une image carrée, idéalement 512 × 512 ou plus grande.
  2. Renseignez le nom du site et la couleur du thème utilisés par le manifeste.
  3. Générez le pack et téléchargez le zip.

Confidentialité et limitations

L’image ne quitte jamais votre navigateur : chaque taille, le conteneur ICO et l’archive zip sont assemblés sur votre appareil. Les images source transparentes restent transparentes.

Outils associés

Questions fréquentes

Que contient le zip ?

favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png et site.webmanifest — le même ensemble que les générateurs de favicon produisent habituellement.

Le favicon.ico contient-il plus d’une taille ?

Oui. Il contient à la fois une image 16 × 16 et une image 32 × 32, stockées comme des entrées PNG afin que le canal alpha soit conservé.

Où placer les fichiers ?

Décompressez-les à la racine de votre site, puis référencez favicon-32x32.png, favicon-16x16.png et apple-touch-icon.png dans l’en-tête HTML et faites pointer le lien du manifeste vers site.webmanifest.

Pourquoi mon icône s’affiche-t-elle toujours mal après l’avoir mise en ligne ?

Les navigateurs mettent les favicons en cache de manière agressive et séparément des fichiers ordinaires. Ouvrez directement l’URL du PNG, ou vérifiez dans une fenêtre privée, pour confirmer que le nouveau fichier est bien servi.

Outil gratuit · dans votre navigateur exécutions · aucun compte requis