Créez un pack de favicon depuis une seule image
Déposez un logo. Téléchargez un ICO, les tailles en PNG et un apple-touch-icon, plus un fragment à coller dans votre HTML. Le fichier ne quitte jamais cet appareil.
- Rapide
- 100% privé
- Toujours gratuit
- N'importe quel navigateur
Drop images anywhere on this page
Un PNG, JPG, SVG ou WebP. Il reste sur cet appareil.
Quand créer un pack de favicon
Utilisez-le quand un site web a toujours besoin d'un favicon.icoclassique en plus des icônes PNG que les téléphones et navigateurs affichent vraiment. Une image source suffit : un logo PNG ou SVG carré fonctionne mieux. L'image s'ajuste dans un canevas carré (contenir), donc une marque large reçoit une marge au lieu de se déformer.
Les téléchargements en PNG sortent par défaut avec canevas transparent. Le ICO utilise une couleur unie blanche (ou celle que vous choisissez) derrière la marque, car beaucoup d'interface ancienne d'onglets attend toujours une icône opaque. Ce n'est pas un éditeur par calques. Si vous devez recadrer ou mettre du texte avant, faites-le dans Photasium et déposez le résultat ici.
Le zip inclut favicon.ico (16 et 32), PNG de 16, 32, 180, 192 et 512, et apple-touch-icon à 180. Collez le fragment dans le head de votre document. Les entrées optionnelles de 192 et 512 sont ce que veut normalement un manifeste d'application web ; vous pouvez copier ces noms de fichier dans manifest.json vous-même.
Après téléchargement, compressez seulement si un PNG pèse toujours lourd. Les favicon devraient rester petits. Pour une image de réseaux sociaux, utilisez Image OG 1200×630 au lieu de ce pack.
Le travail se passe dans ce navigateur. Pas de compte ni de téléchargement. Fermez l'onglet et le logo disparaît de l'outil.
Comment faire
- Déposez un PNG, JPG, SVG ou WebP. Il ne quitte pas cet appareil.
- Laissez le PNG transparent, ou choisissez une couleur unie. Le ICO utilise blanc ou cette couleur.
- Créez le pack, copiez le fragment HTML et téléchargez le zip.
Conseils
- Un logo carré se voit plus net. Les logos de texte larges reçoivent une marge sur les côtés.
- N'utilisez pas une photo de 4000 px comme favicon. Partez d'une marque simple.
- Le ICO sont des images PNG de 16 et 32 empaquetées ensemble. Les navigateurs modernes utilisent aussi les liens vers les PNG.