Comment ajouter un favicon

Un Favicon est une petite icône située à côté d`une adresse de site Web dans un navigateur et dans votre menu Signet. Comment ajouter votre propre Favicon personnalisé à un site Web, ainsi que sur la manière de personnaliser les Favicons qui apparaissent pour les sites des autres peuples dans vos favoris Google Chrome Bookmarks.

Pas

Méthode 1 de 2:
Ajout d`un favicon à un site web
  1. Image intitulée Ajouter un Favicon Step 1
1. Téléchargez ou créez un Favicon. Si vous souhaitez modifier la minuscule icône qui apparaît à côté du titre de votre site Web dans les navigateurs Web, commencez par télécharger ou créer un favicon.
  • Pour vous assurer que votre Favicon est compatible avec tous les navigateurs, assurez-vous que c`est un .fichier ico qui est 16 x 16 pixels grand.
  • Le nom du fichier de votre Favicon devrait être favicon.ico. Si le fichier n`a pas déjà ce nom, renommez-le.
  • Image intitulée Ajouter un Favicon Step 2
    2. Téléchargez le Favicon vers le répertoire principal de votre site web. Certains hosts Web vous permettent de télécharger votre Favicon via un éditeur en ligne, tandis que d`autres exigent que vous utilisiez FTP pour la transférer dans le dossier principal du site Web.
  • Si votre site Web dispose d`un panneau de commande / Editeur de commande Web, vous pouvez généralement télécharger le Favicon en quelques clics. Voici comment le faire sur certains hôtes Web populaires:
  • WordPress: Ouvrez la page d`administrateur et cliquez sur Apparence, ensuite Personnaliser, et alors Identité du site. Cliquez sur Choisir le dossier sous "icône du site", téléchargez Favicon.ico, puis cliquez sur Sauvegarder et publier.
  • Appuyeusement: Ouvrez votre éditeur de site et cliquez sur Paramètres Dans la barre de menus, cliquez sur Télécharger Sous "Favicon."Et puis téléchargez le fichier. Cliquez sur Publier Pour enregistrer vos modifications.
  • Squarepace: Cliquez sur Conception Dans le menu d`accueil, cliquez sur Logo et titre, puis faites défiler jusqu`à la boîte "Icône de navigateur (Favicon)". Drag favicon.ICO à la boîte, attendez qu`il puisse télécharger, puis cliquez sur Sauvegarder.
  • Blogger: Ouvrez l`éditeur de site et cliquez sur Mise en page Dans la colonne de gauche, cliquez sur Éditer Sur la case "Favicon", téléchargez le fichier, puis cliquez sur Sauvegarder.
  • Si vous transférez des fichiers sur votre hébergeur Web via FTP, utilisez votre application FTP pour transférer Favicon.ICO au dossier principal de votre site web. Le chemin complet du Favicon devrait être "http: // tonomain.com / favicon.ico" Une fois que c`est téléchargé.
  • Image intitulée Ajouter une étape 3 Favicon
    3. Ajouter Alink à votre code source (facultatif). Si vous avez téléchargé votre Favicon via un panneau de commande Web, il n`est pas nécessaire de terminer cette étape. Et puisque tous les navigateurs Web modernes sont configurés pour rechercher un fichier appelé «Favicon).ICO "Par défaut lors du chargement d`un site Web, il n`est pas obligatoire de terminer cette étape pour d`autres types de sites. Cependant, certains utilisateurs de Firefox et d`opéra plus avancés ajustent leurs paramètres pour empêcher les Favicons de charger de cette façon. Pour vous assurer que ces utilisateurs voient votre Favicon, ajoutez une ligne de code à chaque page qui relie le fichier. Voici comment:
  • Ouvrez le fichier de code source HTML pour une page sur votre site.
  • Quelque part entre le et Tags, ajoutez le code suivant à une nouvelle ligne:
  • Si vous utilisez autre chose que HTML, ajustez le code de sorte qu`il correspond à la langue que vous utilisez.
  • Enregistrez vos modifications et votre nouveau téléchargement (ou votre publication) la page.
  • Répétez ces étapes pour d`autres pages de votre site.
  • Image intitulée Ajouter une étape 4 Favicon
    4. Testez votre favicon. Chargez votre site Web dans une nouvelle fenêtre de navigateur. Si votre site a utilisé un Favicon différent, vous ne voyez peut-être pas votre nouveau jusqu`à ce que vous Effacer votre cache (ou essayez un autre navigateur Web que vous n`avez pas utilisé pour voir votre site Web).
  • Méthode 2 sur 2:
    Ajout d`un signet Favicon à Google Chrome
    1. Image intitulée Ajouter une étape 5 Favicon
    1. Téléchargez ou créez un Favicon. Si vous souhaitez modifier la minuscule icône qui apparaît à côté d`un signet chrome, vous pouvez utiliser une extension gratuite appelée Signet Favicon Changer. Commencez par télécharger ou créer un favicon utiliser.
    • Vous pouvez trouver des favicons gratuits disponibles au téléchargement en recherchant Google pour "Free Favicons."
    • La plupart des favicons sont disponibles comme .ico ou .Fichiers PNG contenant 16 x 16 pixels de taille. Bookmark Favicon Changer redimensionnera tout type de fichier image à 16 x 16, alors ne vous inquiétez pas pour trouver celui qui correspond à ce critère.
    • Si vous n`avez pas déjà En signet l`URL pour laquelle vous souhaitez ajouter un Favicon, faire donc maintenant.
  • Image intitulée Ajouter une étape 6 Favicon
    2. Aller vers https: // chrome.Google.com / webstore / Dans Google Chrome. Si vous n`êtes pas déjà connecté à votre compte Google, cliquez sur S`identifier dans le coin supérieur droit pour le faire maintenant.
  • Image intitulée Ajouter un Favicon Step 7
    3. Taper Signet Favicon dans la zone de recherche et appuyez sur ↵ Entrez ou ⏎ retour. La zone de recherche est au coin supérieur gauche de la boutique Web Chrome.
  • Image intitulée Ajouter une étape 8 Favicon
    4. Cliquez sur Ajouter à Chrome à côté de "Bookmark Favicon Changer."Il devrait être au sommet des résultats de la recherche. Une pop-up apparaîtra.
  • Image intitulée Ajouter une étape 9 Favicon
    5. Cliquez sur Ajouter une extension. Une fois l`extension ajoutée, vous verrez un message de confirmation près du coin supérieur droit de votre navigateur (et, en fonction de vos paramètres, une nouvelle icône avec deux carrés qui se chevauchent à côté de la barre d`adresses).
  • Vous devrez peut-être fournir des informations supplémentaires, telles qu`un mot de passe administrateur, pour compléter l`installation.
  • Image intitulée Ajouter une étape 10 Favicon
    6. Cliquez avec le bouton droit sur l`icône de changeur Favicon Bookmarkon. Ce sont les deux carrés qui se chevauchent près du coin supérieur droit de Chrome. Un menu va se développer.
  • Si vous voyez une fenêtre contextuelle noire qui dit "Cette page n`est pas marquée et ne correspond pas à la règle d`icône de l`onglet", cochez la case "Ne pas afficher cette fenêtre contextuelle à nouveau", cliquez sur n`importe où sur la page et Ensuite, cliquez à nouveau sur le signet Favicon Changer Icône.
  • Image intitulée Ajouter une étape 11 Favicon
    7. Cliquez sur Gérer les extensions. C`est au bas du menu. Cela ouvre une page de paramètres chromé qui vous permet de modifier vos extensions.
  • Image intitulée Ajouter une étape 12 Favicon
    8. Défiler vers le bas et la diapositive "Autoriser l`accès aux URL de fichier" sur
    Image intitulée Android7Switchon.jpg
    . Cela donne la permission d`extension d`ajouter des favicons à toutes les URL.
  • Image intitulée Ajouter un Favicon Step 13
    9. Cliquez avec le bouton droit sur l`icône Signet Favicon Changer à nouveau et sélectionnez Option. Cela devrait ouvrir une page bleue qui affiche une liste de vos signets.
  • Si vous voyez une fenêtre contextuelle noire qui dit "Cette page n`est pas marquée et ne correspond pas à la règle d`icône de l`onglet", cochez la case "Ne pas afficher cette fenêtre contextuelle à nouveau", cliquez sur n`importe où sur la page et puis essayez à nouveau.
  • Image intitulée Ajouter un Favicon Step 14
    dix. Cliquez avec le bouton droit sur le signet que vous souhaitez modifier. Un menu va se développer.
  • Image intitulée Ajouter un Favicon Step 15
    11. Cliquez sur Changer de favicon. Cela ouvre le navigateur de fichiers de votre ordinateur.
  • Image intitulée Ajouter un Favicon Step 16
    12. Sélectionnez le Favicon et cliquez sur Ouvert. Cela importe le Favicon dans le navigateur. Une fenêtre contemplera l`affichage des progrès. Une fois la fenêtre se ferme, le Favicon devrait être ajouté.
  • Si vous voyez une erreur dans le journal situé dans le coin supérieur droit de la page qui dit "Impossible de confirmer le changement de signet Favicon" Ne vous inquiétez pas - le Favicon apparaîtra toujours dans vos favoris. Vous pouvez confirmer cela en ouvrant vos favoris à Chrome.
  • Articles connexes