Générateur de favicon

Transformez un logo ou n'importe quelle image carrée en jeu complet de favicons : un favicon.ico multi-tailles, des icônes PNG pour les navigateurs et les téléphones, un manifest web et le code HTML à coller dans votre site. Tout est généré dans votre navigateur : votre visuel n'est jamais téléversé.

Glissez-déposez une image ici, ou cliquez pour choisir un fichier

Un PNG carré avec transparence donne le meilleur résultat. Les fichiers restent sur votre appareil.

Aperçu

HTML pour l'en-tête de votre page

Chaque taille d'icône est générée, le favicon.ico est assemblé et le ZIP est créé entièrement par votre navigateur. Votre image source n'est jamais envoyée à un serveur.

Tout ce qu'il faut pour ajouter un favicon

Un favicon est la petite icône affichée dans les onglets du navigateur, les favoris et sur l'écran d'accueil des téléphones. Pour bien faire, il faut plusieurs tailles et deux ou trois formats, ce qui est fastidieux à la main. Ce générateur de favicon part d'une seule image et produit tout le jeu pour vous : un favicon.ico classique contenant les versions 16, 32 et 48 pixels, des PNG séparés pour les navigateurs récents et les appareils Apple et Android, un manifest web et les lignes HTML exactes à placer dans l'en-tête de votre page.

Il est pensé pour les développeurs web, les blogueurs et les commerçants en ligne qui veulent un favicon net et correct sur tous les navigateurs et appareils, sans se battre avec un logiciel de retouche.

Comment créer un favicon

  1. Ajoutez une image. Un logo ou une icône carrée sur fond transparent donne le résultat le plus propre.
  2. Vérifiez les aperçus. Voyez le rendu à chaque taille, de la minuscule icône d'onglet de 16 pixels jusqu'à 512 pixels.
  3. Téléchargez. Récupérez le favicon.ico seul, ou le pack ZIP complet avec tous les fichiers.
  4. Collez le HTML. Copiez le code fourni dans l'en-tête de votre site et envoyez les fichiers à sa racine.

Un vrai ICO multi-tailles

Le favicon.ico est un véritable fichier d'icône qui réunit les images de 16, 32 et 48 pixels : les navigateurs choisissent la version la plus nette pour les onglets, les favoris et la barre d'adresse.

Icônes web et mobile

Le pack contient des icônes PNG pour les navigateurs récents, une apple touch icon de 180 pixels pour iPhone, et des icônes de 192 et 512 pixels pour Android et les applications web progressives.

Code HTML prêt à coller

Vous obtenez aussi un fichier manifest et un court bloc HTML à copier dans l'en-tête de votre page : il suffit de coller et d'envoyer les fichiers pour installer le favicon sur votre site.

Pourquoi utiliser ce générateur de favicon

  • Jeu complet : ICO, icônes PNG, manifest et HTML en une seule fois.
  • Vrai ICO multi-tailles : 16, 32 et 48 pixels réunis dans favicon.ico.
  • Sans téléversement : votre logo est traité dans le navigateur et reste privé.
  • Sans filigrane : les icônes ne contiennent que votre image, rien d'ajouté.
  • Gratuit et instantané : sans compte et sans attente côté serveur.

Tailles de favicon courantes et leurs usages

Le moyen le plus rapide de créer un favicon est de déposer un PNG ou un JPG carré de votre logo et de laisser l'outil générer toutes les tailles. Le favicon.ico obtenu réunit les versions 16 x 16, 32 x 32 et 48 x 48 dans un seul fichier, exactement ce qu'attendent les navigateurs pour les onglets, les favoris et la barre d'adresse. L'icône de 16 x 16 est la toute petite que vous voyez dans un onglet, tandis que celle de 32 x 32 sert aux écrans plus nets et aux raccourcis épinglés. Si votre site tourne sous WordPress, Shopify ou en HTML simple, c'est ce favicon.ico qu'il faut envoyer à la racine du site, avec les balises link correspondantes collées dans l'en-tête de la page.

Pour les téléphones et les applications, vous obtenez aussi une apple touch icon de 180 x 180, la taille utilisée par l'iPhone et l'iPad quand quelqu'un ajoute votre site à l'écran d'accueil, ainsi que des PNG de 192 x 192 et 512 x 512 pour Android et les applications web progressives, avec un manifest web. Comme l'image est mise à l'échelle et centrée, vous pouvez transformer un logo large, une icône d'application ou une simple lettre en un jeu d'icônes propre. Un symbole simple sur fond transparent reste le plus lisible une fois réduit à 16 x 16.

Questions fréquentes

Ajoutez une image carrée, vérifiez les aperçus à chaque taille, puis téléchargez le favicon.ico ou le pack ZIP complet et collez le code HTML fourni dans l'en-tête de votre page.

Un favicon.ico contenant 16, 32 et 48 pixels, plus des icônes PNG en 16, 32, 180 pour les appareils Apple, et 192 et 512 pour Android et les applications web.

Oui. Le fichier ICO est assemblé dans votre navigateur et intègre ensemble les images de 16, 32 et 48 pixels : les navigateurs peuvent choisir la plus nette.

Non. Chaque taille est générée et les fichiers sont empaquetés entièrement dans votre navigateur. Votre image source n'est jamais envoyée à un serveur.

Une image carrée donne le meilleur résultat, idéalement un logo ou un symbole simple sur fond transparent, pour rester lisible même à 16 pixels.

Envoyez les fichiers d'icône à la racine de votre site web, puis collez le code HTML dans la section head de vos pages.

Non. Les icônes ne contiennent que votre image. Rien de MyIMGs n'est ajouté.

Oui, c'est entièrement gratuit et sans compte.

Glissez un PNG carré, ou un JPG, vérifiez les aperçus, puis téléchargez le favicon.ico ou le pack ZIP complet. L'image est mise à l'échelle et centrée : un logo ou un symbole sur fond transparent donne le meilleur résultat.

Un favicon.ico doit contenir les tailles 16 x 16, 32 x 32 et 48 x 48, que cet outil réunit pour vous. Pour les téléphones, il faut aussi une apple touch icon de 180 x 180, plus des PNG de 192 x 192 et 512 x 512 pour Android et les applications web.

Téléchargez le pack, envoyez favicon.ico et les fichiers PNG à la racine de votre site, puis collez les balises link fournies dans l'en-tête de la page. Sous WordPress, Shopify ou en HTML simple, c'est le favicon.ico à la racine du site que les navigateurs utilisent pour l'icône d'onglet.

Le favicon.ico est un seul fichier qui contient plusieurs tailles à la fois, ici 16 x 16, 32 x 32 et 48 x 48, pour que les anciens comme les nouveaux navigateurs choisissent la plus nette. Les icônes PNG séparées servent aux navigateurs récents et aux téléphones, pour l'apple touch icon et les icônes Android.

Outils similaires