341 outils gratuits, sans inscription ni installation, tout se passe dans votre navigateur.
341 outils gratuits, sans inscription ni installation, tout se passe dans votre navigateur.
Favicon .png et .ico depuis du texte ou un emoji
Une favicon se remarque surtout quand elle manque : l'onglet affiche alors une page blanche générique, et le site devient introuvable dans une rangée d'onglets. Cet outil en fabrique une à partir d'un emoji, d'une ou deux lettres, avec une couleur de fond, une couleur de texte et une forme au choix, puis l'exporte de deux façons : un PNG, et un fichier .ico contenant les tailles 16, 32 et 48 pixels, chacune redessinée à sa taille plutôt que réduite depuis l'aperçu. Le dessin est fait sur un canvas dans votre navigateur, sans téléversement. C'est une solution de dépannage honnête pour un projet, une démo ou un site interne, là où faire dessiner un logo n'a pas de sens.
Le fichier .ico produit ici en contient trois (16, 32 et 48 pixels), ce qui couvre l'onglet et la barre des tâches : c'est le fichier que les navigateurs cherchent à la racine du site sous le nom favicon.ico, et que réclament encore plusieurs CMS. Le PNG sert pour les déclarations modernes en HTML. Il reste deux tailles à prévoir à part, qu'un .ico ne sait pas porter : 180 pixels pour l'écran d'accueil iOS, et 512 pixels si le site est installable en application.
En plaçant le fichier à la racine et en le déclarant dans l'en-tête HTML avec une balise `link` de relation `icon`. Un navigateur cache très longtemps les favicons : après un changement, forcez le rechargement ou ouvrez l'image directement pour vérifier.
Pour un projet personnel ou un outil interne, oui, et c'est lisible tout de suite. Pour une marque, non : l'emoji ne vous appartient pas, il est rendu différemment selon les systèmes, et deux sites peuvent afficher exactement la même icône.
Un résultat qui vous paraît faux, une valeur périmée, un cas qui manque ? Signalez-le à contact@topapps.fr