Comment faire une icône de site Web

February 12

Une icône de favori (favicon) est le petit logo que vous voyez dans la barre d'adresse de votre navigateur. Ces icônes de sites web sont très utiles pour distinguer votre site des autres parce que vous pouvez placer votre logo d'entreprise ou tout autre graphique préféré à côté de votre URL. En plus de la barre d'adresse, ces images personnalisées apparaissent également dans une liste de signets et de les aider à se démarquer de tous les autres liens. Vous pouvez facilement faire votre propre site Web en utilisant l'icône juste une petite image.

Instructions

1 Lancer une application graphique, tels que les feux d'artifice, et de créer un pixel 16 de large par 16 pixels de haut image. Nommez ce fichier "favicon" et l'enregistrer avec une extension ".bmp".

2 Convertissez votre fichier "bmp" à l'extension nécessaire "ico". Utilisez un convertisseur d'image en ligne, tels que coolutils.com, pour effectuer cette conversion. Votre fichier est maintenant "favicon.ico."

3 Téléchargez votre fichier "favicon" en utilisant une application FTP, comme Fetch, ou en utilisant le processus de téléchargement de votre hébergeur fournisseur. Ce fichier doit être dans le même dossier que celui que votre fichier d'index principal est logé dans. Cette action permet aux navigateurs Web pour trouver maintenant et affichez votre «favicon».

4 Utilisation de votre éditeur de texte HTML, comme BBEdit, ajouter une ligne de code HTML dans l'élément "<head>" de votre document. Ne le faites que si vous choisissez de ne pas télécharger votre fichier dans le répertoire racine de votre site (étape 3). Pour ce faire, télécharger votre icône pour le fichier de votre choix (en prenant note de l'emplacement) et joindre l'icône à votre page Web. Entrez le code HTML suivant dans votre document, mais assurez-vous de modifier le "href" emplacement: <link rel = "icône de raccourci" href = "favicon.ico" type = "image / x-icon" />

Conseils et avertissements

  • Certains navigateurs peuvent ne pas afficher votre "favicon" parce qu'ils ne peuvent pas soutenir "ico" fichiers.

          

Post a comment: