{"id":1138,"date":"2018-01-10T08:14:39","date_gmt":"2018-01-10T08:14:39","guid":{"rendered":"https:\/\/sitechecker.pro\/?page_id=1138"},"modified":"2024-12-17T10:45:44","modified_gmt":"2024-12-17T08:45:44","slug":"what-is-favicon","status":"publish","type":"page","link":"https:\/\/test.sitechecker.pro\/fr\/what-is-favicon\/","title":{"rendered":"Qu\u2019est-ce qu\u2019une Favicon et pourquoi est-elle importante pour votre marque ?"},"content":{"rendered":"<p>L\u2019ic\u00f4ne classique est un fichier ICO de 16 x 16 pixels, avec des couleurs 16 ou 24 bits et une prise en charge de la transparence. Bien plus tard, certains navigateurs ont adopt\u00e9 une taille 32 x 32 pixels, mais les anciens la r\u00e9duisent toujours \u00e0 16 x 16 pixels.<\/p>\n<p>Pourquoi en avez-vous imp\u00e9rativement besoin ? Aujourd\u2019hui, la favicon est un composant important de l\u2019interface d\u2019un site Web, qui joue \u00e9galement un r\u00f4le fondamental dans les applications Web avanc\u00e9es.<\/p>\n<p><span style=\"font-weight: 400;\"><div class=\"blog__conversion\">\n                <p class=\"title\">Favicon Checker<\/p>\n                <p class=\"description\">V\u00e9rifiez si votre site Web a favicon et comment il est affich\u00e9 dans diff\u00e9rents navigateurs<\/p>\n                <form id=\"mini__tool-form\" class=\"article__seo-search\" action=\"\" method=\"POST\" autocomplete=\"off\">\n                    <span class=\"error\">Must be a valid URL with http:\/\/ or https:\/\/<\/span>\n                    <input id=\"minitool_input\" name=\"url\" type=\"text\" placeholder=\"Entrez votre domaine ici\">\n                    <button type=\"submit\" class=\"minitool_check-landing sitechecker__text\"><span>V\u00e9rifier<\/span><img src=\"\/wp-content\/themes\/sitechecker\/out\/img_design\/loading-blue.svg\" alt=\"arrow\" title=\"arrow\" class=\"loading\"><\/button>\n                <\/form>\n                <div id=\"result-container\">\n                    <div class=\"container__results\">\n                        <div class=\"container__result\" id=\"result-template\">\n                            <div class=\"result\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><\/span><\/p>\n<h2>Quel est son r\u00f4le ?<\/h2>\n<p>&nbsp;<\/p>\n<p>\u00c9videmment, la favicon facilite grandement la recherche dans les signets ou favoris. Il est beaucoup plus simple de chercher une ic\u00f4ne bien connue que de lire les noms de tous les sites Web. Son r\u00f4le principal est de faciliter la navigation de l\u2019utilisateur. C\u2019est sa principale raison d\u2019\u00eatre. Aujourd\u2019hui, ce composant r\u00e9pandu est pr\u00e9sent sur tous les sites web modernes et populaires et dans les onglets des navigateurs. Les soci\u00e9t\u00e9s Internet mondiales ont toutes des ic\u00f4nes facilement reconnaissables qui leur permettent de se distinguer du reste des ressources Web (et constituent des bons exemples d\u2019inspiration pour votre favicon). Sans aucun doute, il s\u2019agit d\u2019un outil tr\u00e8s utile pour les sites Web de tout acabit. Les favicons ont \u00e9t\u00e9 cr\u00e9\u00e9es pour pouvoir effectuer une recherche visuelle rapide afin de trouver le site Web dont vous avez besoin des milliers de favoris sur Internet. De cette mani\u00e8re l\u2019audience que vous ciblez pourra vous trouver plus rapidement et simplement.<\/p>\n<div class=\"content__img-wrap\"><img src=\"http:\/\/test.sitechecker.pro\/wp-content\/uploads\/2018\/01\/website-favicons.jpg\" alt=\"Displaying favicons in the browser\" class=\"description-img description-img-zoom\" loading=\"lazy\" ><\/div>\n<p>Un site Web sans ic\u00f4ne personnalis\u00e9e adoptera le symbole g\u00e9n\u00e9rique du navigateur. Il s\u2019agit d\u2019un outil indispensable si vous tenez \u00e0 d\u00e9velopper votre marque sur le net.<\/p>\n<h2>Comment cr\u00e9er la Favicon d\u2019un site web ?<\/h2>\n<p>&nbsp;<\/p>\n<p>Vous pouvez le faire par vous-m\u00eame ou utiliser de l\u2019aide en ligne. Il n\u2019est pas n\u00e9cessaire d\u2019utiliser le moindre g\u00e9n\u00e9rateur en ligne d\u00e9di\u00e9 pour en cr\u00e9er une, mais il s\u2019agit de la voie la plus simple et pratique. Voici quelques exemples de sites Web qui peuvent vous venir en aide :<\/p>\n<ul>\n<li><a href=\"https:\/\/www.favicongenerator.com\/\">Favicon Generator<\/a>;<\/li>\n<li><a href=\"https:\/\/www.favicon-generator.org\/\">Favicon Generator ORG<\/a>;<\/li>\n<li><a href=\"http:\/\/tools.dynamicdrive.com\/favicon\/\">Dynamic Drive Favicon Tool<\/a>;<\/li>\n<li><a href=\"http:\/\/favigen.com\/\">Favigen<\/a>;<\/li>\n<li><a href=\"http:\/\/www.genfavicon.com\/\">Gen Favicon<\/a>;<\/li>\n<li><a href=\"http:\/\/www.degraeve.com\/favicon\/\">Degraeve Favicon<\/a>;<\/li>\n<\/ul>\n<p>Il est \u00e9vident que vous n\u2019avez m\u00eame pas besoin d\u2019un designer graphique pour y parvenir. Toutefois, si vous avez l\u2019intention de lancer une marque dans le monde entier, vous devriez vous tourner vers un designer professionnel afin de disposer d\u2019un concept unique qui corresponde \u00e0 votre marque. Toutefois, si vous d\u00e9cidez de la cr\u00e9er vous-m\u00eame, les ic\u00f4nes simples ne n\u00e9cessiteront que 10 minutes pour leur conception. Vous n\u2019avez qu\u2019\u00e0 envoyer le logo du site Web sur l\u2019un des sites ci-dessus et \u00e0 t\u00e9l\u00e9charger le fichier g\u00e9n\u00e9r\u00e9. C\u2019est aussi simple que \u00e7a !<\/p>\n<p>Vous pouvez explorer ces sites pour trouver des id\u00e9es originales de favicons :<\/p>\n<ul>\n<li><a href=\"http:\/\/www.freshfavicon.com\/\">Fresh Favicons<\/a>;<\/li>\n<li><a href=\"http:\/\/thefavicongallery.com\/\">The Favicon Gallery<\/a>;<\/li>\n<li><a href=\"http:\/\/www.deltatangobravo.com\/archive\/2004\/march\/favourite\">Delta Tango Bravo<\/a>.<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\"><div class=\"blog__banner\">\n                <img src=\"https:\/\/test.sitechecker.pro\/wp-content\/themes\/sitechecker\/out\/img_design\/logo.svg\" alt=\"logo\">\n                <div>\n                    <p class=\"title\">Consultez le site Web pour les erreurs de r\u00e9f\u00e9rencement <\/p>\n                    <p class=\"description\">Aucun favicon ne nuit \u00e0 la convivialit\u00e9 du site Web, mais l'absence de balises Title et Description peut entra\u00eener une perte de trafic.<\/p>\n                    <a href=\"\/tool\/crawl-report\/\" class=\"btn\">Audit de site web<\/a>\n                <\/div>\n            <\/div><\/span><\/p>\n<h2>Comment ajouter une Favicon sur son site ?<\/h2>\n<p>&nbsp;<\/p>\n<p>Une fois que votre fichier est pr\u00eat, il n\u2019est pas difficile de le placer en place sur le serveur. Vous devez tout d\u2019abord obtenir l\u2019acc\u00e8s \u00e0 un \u00e9diteur de texte et au dossier racine de votre site Web pour modifier le code HTML de celui-ci. Voici un guide \u00e9tape par \u00e9tape :<\/p>\n<p>1. Envoyez le fichier sur votre serveur. Saisissez l\u2019adresse de votre serveur FTP dans la barre d\u2019adresse de votre navigateur. Appuyez sur la touche \u00ab Entr\u00e9e \u00bb, connectez-vous et envoyez le fichier dans le dossier racine.<\/p>\n<p>2. Vous devez ensuite changer le code HTML de votre site Web. Cherchez et t\u00e9l\u00e9chargez le fichier \u00ab header.php \u00bb ou \u00ab index.html \u00bb depuis le serveur. Si votre site est d\u00e9velopp\u00e9 en HTML pur, vous devrez ins\u00e9rer le code suivant dans la section \u00ab head \u00bb du fichier \u00ab index.html \u00bb :<\/p>\n<div class=\"code\"><code>&lt;link rel=\"shortcut icon\" type=\"image\/x-icon\" href=\"http:\/\/yourwebsite.com\/favicon.ico\"&gt;<\/code><\/div>\n<p>Si vous travaillez avec WordPress, ins\u00e9rez le code suivant dans la section \u00ab head \u00bb du fichier \u00ab header.php \u00bb :<\/p>\n<div class=\"code\"><code>&lt;link rel=\"shortcut icon\" type=\"image\/x-icon\" href=\"&lt;?php bloginfo('url') ?&gt;\/favicon.ico\"&gt;<\/code><\/div>\n<p>Et c\u2019est tout ! Vous serez surpris par la facilit\u00e9 de la proc\u00e9dure.<\/p>\n<h2>Cr\u00e9er une ic\u00f4ne dans Photoshop<\/h2>\n<p>&nbsp;<\/p>\n<p>Photoshop est un programme id\u00e9al pour travailler avec les images ! C\u2019est un outil bien pratique qui vous viendra en aide dans de nombreuses situations et vous permettra m\u00eame de cr\u00e9er une ic\u00f4ne personnalis\u00e9e pour votre site Web. Bien \u00e9videmment, si vous \u00eates designer, l\u2019application Photoshop est la meilleure solution. Si ce n\u2019est pas le cas, vous pouvez toujours utiliser certains des sites Web que nous avons mentionn\u00e9s ci-dessus pour gagner du temps. Le probl\u00e8me est que Photoshop ne prend pas en charge les fichiers \u00ab ico \u00bb. Vous devrez t\u00e9l\u00e9charger et installer ce module externe d\u00e9velopp\u00e9 par Telegraphics.<\/p>\n<p>Dans le menu FICHIER, cr\u00e9ez un nouveau fichier d\u2019une taille de 64 x 64 pixels (il est plus simple de travailler avec une taille plus grande), collez votre logo sur le document et effectuez tous les changements n\u00e9cessaires.<\/p>\n<p>Apr\u00e8s cela, dans le menu IMAGE, choisissez TAILLE DE L\u2019IMAGE et modifiez celle-ci en 16 x 16 pixels. Assurez-vous que votre ic\u00f4ne ne soit pas flout\u00e9e en cochant R\u00c9\u00c9CHANTILLONAGE et BICUBIQUE PLUS NET. Une fois que les r\u00e9sultats sont satisfaisants, cliquez sur le menu FICHIER puis ENREGISTRER SOUS.<\/p>\n<h2>Conclusion<\/h2>\n<p>Ce composant est une sorte de carte de visite, vous devriez le concevoir dans le m\u00eame style que votre site. Plus le th\u00e8me du site et de l\u2019ic\u00f4ne seront proches, plus l\u2019utilisateur s\u2019y retrouvera facilement. L\u2019ic\u00f4ne doit s\u2019associer facilement au site, c\u2019est sa fonction principale. Il faut aussi la faire adapt\u00e9e et claire : l\u2019utilisateur doit comprendre imm\u00e9diatement ce qui est dessin\u00e9 dessus et s\u2019en souvenir facilement.<\/p>\n<p>Une ic\u00f4ne bien faite donnera une apparence plus professionnelle \u00e0 votre site Web. Si vous souhaitez d\u00e9velopper l\u2019image de votre marque, vous devriez consacrer du temps \u00e0 la conception d\u2019une favicon.<\/p>","protected":false},"excerpt":{"rendered":"L\u2019ic\u00f4ne classique est un fichier ICO de 16 x 16 pixels, avec des couleurs 16 ou 24 bits et une prise en charge de la transparence. Bien plus tard, certains navigateurs ont adopt\u00e9 une taille 32 x 32 pixels, mais les anciens la r\u00e9duisent toujours \u00e0 16 x 16 pixels. Pourquoi en avez-vous imp\u00e9rativement besoin&#8230;","protected":false},"author":10380808,"featured_media":3424,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages-templates\/pages-minitools-3.php","meta":[],"categories":[32],"tags":[],"_links":{"self":[{"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/pages\/1138"}],"collection":[{"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/users\/10380808"}],"replies":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/comments?post=1138"}],"version-history":[{"count":0,"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/pages\/1138\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/media\/3424"}],"wp:attachment":[{"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/media?parent=1138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/categories?post=1138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/tags?post=1138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}