Générateur de favicon

Mode d’emploi

Choisissez un JPEG, PNG, WebP ou GIF. Créer le fichier construit le pack. Télécharger enregistre un ZIP. Placez les fichiers sur votre site et copiez les balises link de README.txt dans l’élément head.

Exemple

README.txt inclut les balises link pour l’icône, le PNG 32 pixels et l’Apple touch icon.

Un logo PNG carré

favicon-pack.zip contenant favicon.ico, des PNG à 16, 32, 48 et 180 pixels, et README.txt

Fonctionnement

Chaque taille est dessinée sur un carré blanc pour qu’un logo transparent reste visible sur le chrome clair et sombre du navigateur. favicon.ico contient les PNG 16 et 32 pixels dans un conteneur PNG-in-ICO. Le PNG 48 pixels est une icône de raccourci générale. Le PNG 180 pixels est la taille Apple touch. Le ZIP est stocké, non recomprimé, et inclut l’extrait HTML.

Erreurs courantes

• L’icône semble rognée La source est étirée en carré. Partez d’une image carrée si l’illustration ne doit pas être étirée.
• Un ancien navigateur ignore favicon.ico L’ICO utilise des PNG intégrés, que les navigateurs actuels lisent. Les fichiers PNG séparés sont le repli listé dans le README.
• Le ZIP n’est pas apparu Créer le fichier doit réussir avant Télécharger. Une image endommagée échoue avant la construction du pack.

Limites

Le pack n’inclut pas de web app manifest, de favicon SVG ni d’icône maskable 512 pixels. L’animation est réduite à une image. Les fichiers de plus de 15 Mo ou 8000 pixels d’un côté sont refusés. L’image n’est pas téléversée.

Confidentialité

Le fichier reste dans votre navigateur. PepsTools ne le téléverse pas, ne le stocke pas et ne l’envoie pas à un autre service. Videz l’outil ou quittez la page pour le retirer de la mémoire.

Questions

Quelles balises le site doit-il utiliser ?

Le README du ZIP liste un lien favicon.ico, un lien PNG 32 pixels et un lien apple-touch-icon. Copiez-les dans l’élément head et ajustez les chemins selon l’emplacement des fichiers.