Une favicon apparaît dans la barre d'adresse de votre navigateur. Par exemple, le favicon pour eHow est la lettre O avec une coche que vous voyez dans le logo du site. De nombreux sites utilisent ces favicons pour aider à identifier et la marque de leur site. Ici, je vais passer en revue les étapes de la création d'un favicon pour votre propre site.
Vous pouvez créer votre propre icône en utilisant une image de votre choix. Beaucoup d'images ne échelle bas clairement et proprement, afin de choisir une image qui est simple et claire et permettra de réduire la taille clairement.
Ouvrez l'image dans un outil de retouche photo que vous avez. GIMP, Photoshop, Fireworks ou peinture Montrer Pro seront tous faire ce que vous avez besoin (voir conseils ci-dessous si vous ne disposez pas de ce logiciel est disponible).
Recadrer l'image pour ne contenir que le matériel que vous souhaitez voir apparaître dans la favicon, puis réduire la taille de 16 par-16 pixels. La résolution de l'image doit être soit 72 ou 96 dpi.
Enregistrez la nouvelle image. Vous pouvez l'enregistrer comme un fichier JPEG, GIF ou PNG. Téléchargez l'image à votre site Web.
La bonne façon de créer un lien vers l'icône dépend de la version de HTML que vous utilisez dans votre site web. Pour lier à l'icône en utilisant HTML 4.01, insérer le code figurant dans l'image dans la tête de votre document. Bien sûr, vous devez utiliser vos propres informations, telles que le nom de votre image et le serveur.
Si votre page Web utilise XHTML 1.0, utilisez un code similaire à ce que vous voyez dans cette image. Encore une fois, personnaliser l'information en fonction de votre serveur et de l'image nom particulier.
Cette option en utilisant l'attribut rel ="icône de raccourci" attribuer pour le lien fonctionnera en XHTML. Voir le code dans l'image. L'icône doit être nommé "favicon.ico" et l'icône doit être stocké au plus haut niveau du site (pas dans tous les sous-dossiers) pour ce lien fonctionne.
Vous pouvez utiliser un lien absolu à l'image, comme illustré dans l'exemple HTML 4.01, ou un lien relatif, comme le montre l'exemple XHTML 1.0. Utilisez votre méthode normale de se lier à l'image, relative ou absolue, que ce soit HTML 4.01 ou XHTML.
Téléchargez la page avec le nouveau code dans la tête de document et recharger votre page de tester pour vous assurer que votre nouveau favicon apparaît dans la barre d'adresse du navigateur.