Outils images et assets

Gratuit Generateur HTML favicon

Générez des balises favicon et icônes web app pour sites statiques.

Chargement de l'outil...

Qu'est-ce que Generateur HTML favicon ?

Le balisage favicon indique aux navigateurs et aux appareils quelles icones utiliser pour les onglets, les favoris, les raccourcis d'ecran d'accueil et les installations d'applications web. Un petit site statique peut quand meme avoir besoin de plusieurs formats d'icones car les navigateurs de bureau, les navigateurs mobiles et les applications web enregistrees utilisent des fichiers differents.

Réponse rapide

Generez des balises HTML favicon, des references d'icone Apple touch et des entrees de manifeste web pour sites statiques. Incluez a la fois un chemin d'icone SVG et de fallback pour une large compatibilite navigateur.

Last updated: 2026-06-11

Limites

  • Les fichiers d'icones doivent exister aux chemins specifies dans la sortie publiee. Les balises generees ne sont que des references ; vous devez creer ou placer les fichiers d'icones reels a ces chemins.
  • L'icone Apple touch a des exigences de taille specifiques. Les appareils Apple s'attendent a un PNG de 180 par 180 pixels pour de meilleurs resultats lorsque les utilisateurs enregistrent la page sur leur ecran d'accueil.
  • L'extrait de manifeste web necessite un JSON valide. Une seule erreur de syntaxe dans le fichier manifeste peut empecher les navigateurs de lire entierement les metadonnees de l'application.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Comment utiliser cet outil

  1. Saisissez le chemin de base ou vos fichiers d'icones seront publies.
  2. Ajoutez le nom de l'application ou du site ainsi que les couleurs de theme et d'arriere-plan.
  3. Copiez les balises link et meta generees dans votre en-tete HTML.
  4. Copiez l'extrait JSON du manifeste dans votre fichier site.webmanifest si vous en utilisez un.

A quoi il sert

  • Ajouter un balisage favicon a un site web HTML simple.
  • Preparer les chemins d'icones pour GitHub Pages.
  • Creer un petit extrait JSON de manifeste web.

Cas d'usage

Exemples concrets

Exemple

Configuration d'icones pour site statique

Un site GitHub Pages stocke les icones dans /icons. Le generateur cree les balises favicon, icone SVG, icone Apple touch, lien de manifeste et couleur de theme.

Exemple

Prise en charge de l'enregistrement sur ecran d'accueil

Un visiteur mobile enregistre le site sur l'ecran d'accueil de son telephone. L'icone Apple touch et les entrees du manifeste aident le raccourci enregistre a paraitre intentionnel.

Erreurs frequentes

  • Utiliser des chemins d'icones qui se brisent apres le deploiement sous un sous-dossier.
  • Oublier une icone Apple touch pour les enregistrements sur ecran d'accueil mobile.
  • Utiliser une couleur de theme qui ne correspond pas a l'en-tete reelle du site.

Vérification

  1. Ouvrez la page publiee et verifiez l'onglet du navigateur pour le favicon. Si l'icone n'apparait pas, verifiez que le chemin de l'image correspond a l'emplacement reel du fichier.
  2. Sur un appareil iOS ou un simulateur, utilisez Partager > Ajouter a l'ecran d'accueil et confirmez que le raccourci enregistre utilise l'image de l'icone Apple touch.

FAQ

Questions sur Generateur HTML favicon

Ai-je encore besoin de favicon.ico ?

C'est encore utile comme fallback large. De nombreuses configurations modernes incluent aussi des icones SVG et PNG.

Ou doivent vivre les fichiers d'icones ?

Utilisez un dossier public stable comme /icons ou /assets/icons, et assurez-vous que le meme chemin existe dans la sortie construite.

Un manifeste web est-il requis ?

Non. Il est facultatif pour un site web normal, mais utile si vous voulez un meilleur comportement d'application enregistree sur mobile et bureau.

Outils lies

Autres outils outils images et assets

A essayer aussi

A essayer aussi