Générateur HTML de favicon
Générez les balises <head> dont un site a besoin pour son favicon, son icône tactile et ses couleurs de thème.
Générateur HTML de favicon
Un favicon est bien plus qu'un seul fichier : un onglet de navigateur a besoin d'un .ico, l'écran d'accueil d'un téléphone a besoin d'une apple-touch-icon 180x180, l'onglet épinglé de Safari a besoin d'un masque SVG en une seule couleur, et un invite d'installation PWA lit les icônes listées dans le manifeste. Cet outil génère les balises <link> et <meta> exactes pour tous à partir d'un chemin de base et d'un ensemble de tailles d'icônes, vous permettant de copier un bloc entier dans <head> au lieu de l'assembler à partir de cinq spécifications différentes.
Définissez le chemin de base où résideront vos fichiers d'icônes — la racine ou un sous-dossier comme /icons/ — et chaque href est construit contre lui. Activez ou désactivez ICO, PNG et SVG indépendamment : PNG ajoute également l'apple-touch-icon à la taille fixe 180x180 qu'Apple attend, et SVG ajoute un mask-icon dont la couleur provient de votre couleur de thème clair (ou sombre, si c'est la seule définie). Chaque couleur de thème clair et sombre devient une balise <meta name="theme-color"> distincte avec une requête prefers-color-scheme, de sorte que le chrome du navigateur correspond à la page dans l'un ou l'autre mode.
Le champ tailles accepte une liste séparée par des virgules ou des sauts de ligne —"16x16, 32x32, 192x192"— et un nombre simple comme "48" est un raccourci pour une icône carrée ; les entrées non reconnues sont ignorées plutôt que rejetées. Activez la liste de contrôle des fichiers et la sortie se termine par un commentaire énumérant chaque chemin référencé, dans l'ordre, qui est la liste à télécharger réellement.