FR

Générateur de favicon : à partir d’une image, de lettres ou d’un emoji

Choisissez des lettres, un emoji ou votre logo, réglez la couleur et la forme, puis téléchargez tout en ZIP : favicon.ico, toutes les tailles PNG, site.webmanifest et le code HTML qui va avec. Tout est créé directement dans votre navigateur, sans envoi de fichier.

Vos fichiers sont traités uniquement dans votre navigateur et ne sont jamais envoyés en ligne : ils ne quittent pas votre appareil.

Créer le favicon à partir de
Un ou deux caractères restent lisibles à 16 × 16 px.
Nom et chemin (manifest)
« / » = dossier racine de votre site (recommandé).

Aperçu et fichiers

    HTML pour le <head>
    site.webmanifest
    Résultat
    Comment le calcul est fait
    

    Le favicon, c’est la petite icône dans l’onglet du navigateur, dans les favoris, dans l’historique et à côté de votre site dans les résultats de recherche Google. Ce générateur transforme une image, une à trois lettres ou un emoji en tous les fichiers dont un site web a besoin aujourd’hui – avec le code HTML correspondant.
    

    Quels fichiers et quelles tailles ?
    

    
  
    FichierTailleUtilisation
    
  
    
    favicon.ico16, 32, 48 pxfavicon classique ; les navigateurs demandent /favicon.ico même sans balise HTML
    
    
    favicon-16x16.png, favicon-32x32.png16 et 32 pxonglet du navigateur, résolution standard et haute résolution
    
    
    apple-touch-icon.png180 pxicône quand quelqu’un ajoute votre site à l’écran d’accueil de son iPhone ou iPad
    
    
    android-chrome-192x192.png, -512x512.png192 et 512 pxmanifeste d’application web : écran d’accueil et écran de démarrage sous Android/Chrome
    
    
    site.webmanifest–nom, couleurs et icônes de votre site en tant qu’application web installable
    
      

    

    Pour le favicon affiché dans les résultats de recherche, Google exige une image carrée d’au moins 8 × 8 pixels et recommande plus de 48 × 48 pixels. Chrome attend des icônes de 192 et 512 pixels dans le manifeste, et Apple indique 180 × 180 pixels pour l’icône de l’écran d’accueil de l’iPhone.
    

    Comment ajouter le favicon à votre site
    

      
  
    1. Téléchargez le ZIP et décompressez-le.
      2. 
  
    2. Transférez tous les fichiers dans le dossier racine de votre site (là où se trouve la page d’accueil).
      3. 
  
    3. Collez le code HTML dans le <head> de chaque page (WordPress, Wix, Squarespace et consorts proposent généralement un réglage « Icône du site » à la place).
      4. 

    

    Si les fichiers se trouvent dans un sous-dossier, indiquez-le sous « Dossier sur le serveur » : le manifeste et le code HTML s’adaptent automatiquement. Les navigateurs gardent les favicons en cache avec obstination ; une nouvelle icône n’apparaît souvent qu’après avoir vidé le cache ou dans une fenêtre de navigation privée.
    

    Qu’est-ce qu’un bon favicon ?
    


    Un emoji comme favicon : attention à la licence
    

    L’emoji est dessiné avec la police emoji installée sur votre appareil : il n’a donc pas le même aspect sur iPhone que sous Windows ou Android. La norme Unicode définit seulement quel caractère est visé, pas son apparence. Le dessin appartient à l’éditeur de la police (par exemple Apple, Microsoft, Google), et leurs licences n’autorisent pas simplement à utiliser ces images comme logo ou favicon d’un site web.
    

    Pour une page personnelle, le risque est faible ; pour un site commercial, utilisez un jeu d’emoji sous licence libre et respectez ses conditions :
    


    Téléchargez-y l’emoji souhaité en PNG ou en SVG, puis choisissez « Image / logo » ici. Il s’agit d’informations générales, et non d’un conseil juridique.
    

    Confidentialité
    

    Tous les fichiers sont créés dans votre navigateur. Votre image n’est pas envoyée et rien n’est enregistré. Pour préparer un logo, les outils Convertir une image et Redimensionner une image peuvent vous aider.
    

    À voir aussi : SVG en PNG pour un logo vectoriel et le vérificateur de contraste pour des couleurs lisibles.
    

    Allégez d’abord un logo trop lourd avec compresser une image.
    Questions fréquentes
    Quelle taille doit faire un favicon ?
    16 × 16 et 32 × 32 pixels pour l’onglet du navigateur, au moins 48 × 48 (carré) pour Google, 180 × 180 pour les appareils Apple, et 192 × 192 ainsi que 512 × 512 pour Android et les applications web. Le générateur crée toutes les tailles en une fois.
    Ai-je encore besoin d’un favicon.ico ?
    Oui, cela reste utile : de nombreux navigateurs, lecteurs de flux et outils demandent directement /favicon.ico, sans balise HTML. Le fichier ICO créé ici contient les tailles 16, 32 et 48 pixels sous forme d’images PNG.
    Comment créer un favicon et l’ajouter à mon site ?
    Créez-le ici, transférez les fichiers dans le dossier racine de votre site et collez le code HTML dans le <head>. Sous WordPress, vous pouvez aussi passer par « Apparence → Personnaliser → Identité du site → Icône du site » avec le PNG de 512 px.
    Puis-je utiliser un emoji comme favicon ?
    Les dessins d’emoji d’Apple, Microsoft ou Google appartiennent à ces entreprises. Pour un site commercial, utilisez un jeu sous licence libre comme Twemoji (CC BY 4.0, avec mention de l’auteur) ou Noto Emoji (OFL 1.1) et importez cette image ici.
    Pourquoi mon nouveau favicon ne s’affiche-t-il pas ?
    Les navigateurs gardent les favicons longtemps en cache. Ouvrez la page dans une fenêtre de navigation privée ou videz le cache. Dans les résultats de recherche Google, la mise à jour peut prendre de quelques jours à plusieurs semaines.
    Mon logo est-il envoyé sur un serveur ?
    Non. Tous les fichiers sont générés dans votre navigateur ; votre image ne quitte jamais votre appareil.
    Sources et références juridiques
    Dernière mise à jour : 
    Outils similaires