{"id":4505,"date":"2017-04-24T15:39:14","date_gmt":"2017-04-24T15:39:14","guid":{"rendered":"https:\/\/blog.hostinger.io\/tutoriels\/?p=4505"},"modified":"2026-09-09T13:59:47","modified_gmt":"2026-09-09T06:59:47","slug":"comment-ajouter-favicon-site-web","status":"publish","type":"post","link":"\/fr\/tutoriels\/comment-ajouter-favicon-site-web\/","title":{"rendered":"Comment ajouter un favicon \u00e0 votre site web"},"content":{"rendered":"

Un favicon est une petite icône qui représente l’identité visuelle de votre site web dans les onglets du navigateur, les favoris et l’historique de navigation. Il aide les utilisateurs à reconnaître votre site parmi d’autres sites et renforce votre image de marque. Vous pouvez ajouter un favicon à votre site web de trois manières :<\/p>

    \n
  1. Ajoutez du code HTML.<\/strong> Cette méthode consiste à téléverser manuellement votre fichier image sur votre serveur d’hébergement et à insérer un extrait de code spécifique dans l’en-tête de votre site web.<\/li>\n\n\n\n
  2. Utilisez les fonctionnalités de WordPress.<\/strong> Vous pouvez téléverser votre icône directement depuis l’éditeur Gutenberg de WordPress, l’outil de personnalisation ou une extension, sans modifier le code.<\/li>\n\n\n\n
  3. Utilisez le Créateur de sites internet de Hostinger.<\/strong> Cette plateforme intègre une interface dans les paramètres généraux pour téléverser et mettre à jour votre favicon.<\/li>\n<\/ol>

    Les favicons affichés dans les onglets du navigateur mesurent 16 × 16 px<\/strong>, tandis que ceux affichés dans les raccourcis de la barre des tâches mesurent 32 × 32 px<\/strong>. Ils sont généralement au format .ico<\/strong>, mais vous pouvez également utiliser des fichiers .svg<\/strong>, qui s’adaptent mieux aux différentes tailles. Quel que soit le format choisi, privilégiez un design simple et utilisez des couleurs de teinte moyenne ou des contours pour que le favicon reste bien visible.<\/p>

    Comment ajouter un favicon à votre site web avec du code HTML<\/h2>

    Pour ajouter un favicon avec du code HTML, vous devez insérer une balise personnalisée dans le fichier index.html<\/strong> ou dans le fichier d’en-tête<\/strong> de votre site web. Cette méthode manuelle convient particulièrement si vous codez et concevez votre site web<\/a> de A à Z.<\/p>

    Avant de commencer, vérifiez que vous avez accès au dossier racine de votre site web et que vous pouvez modifier les fichiers nécessaires. Préparez également une image de 64 × 64 px<\/strong> nommée favicon.ico<\/strong>, favicon.svg<\/strong> ou favicon.png<\/strong>, selon le format choisi. Suivez ensuite ces étapes :<\/p>

      \n
    1. Ouvrez le répertoire du projet de votre site avec un client FTP comme FileZilla<\/strong> ou le gestionnaire de fichiers de votre hébergeur<\/a>.<\/li>\n\n\n\n
    2. Accédez au répertoire racine, généralement \/public_html<\/strong> ou \/var\/www<\/strong>.<\/li>\n\n\n\n
    3. Téléversez le fichier image du favicon dans le dossier racine de votre site web, dans le même répertoire que votre fichier HTML<\/strong>.<\/li>\n<\/ol>
      \n
      \"Le