Source Déposez une image ici ou cliquez · PNG, JPG, SVG, WebP ou collez une image avec Ctrl+V
Apparence
Résultat
Choisissez une image ou saisissez du texte.
Mon site
Voilà ce que cela donne dans un onglet — le seul test qui compte.
HTML à coller
Que contient le paquet ?
favicon.ico | 16, 32 et 48 pixels dans un seul fichier — barre d'adresse et navigateurs anciens |
favicon-16x16.png … 96x96 | navigateurs modernes, favoris |
apple-touch-icon.png | 180 pixels, pour « Sur l'écran d'accueil » sous iOS |
android-chrome-192/512.png | Android et applications web installables |
site.webmanifest | pour qu'Android trouve les bonnes icônes |
integration.html | les balises <link> prêtes à l'emploi |
L'intégrer en trois étapes
- Placez tous les fichiers à la racine — là où se trouve
index.html. - Copiez les balises
<link>dans votre<head>. - Rechargez avec Ctrl+F5 — les navigateurs gardent les favicons en cache avec obstination.
Quel motif fonctionne ?
À 16 pixels, il ne reste rien des détails fins. L'aperçu montre donc la plus petite taille en premier et pixel par pixel : une seule lettre ou une forme nette l'emporte presque toujours sur un logo réduit accompagné de son nom.
Pourquoi rien n'est envoyé ?
Parce que ce n'est techniquement pas nécessaire. La mise à l'échelle, le conteneur ICO et l'archive ZIP naissent dans votre navigateur. Aucun serveur ne reçoit votre image, donc aucun ne peut la conserver.