Qu'est-ce qu'un favicon?
Un favicon est une icône personnalisée associée à une page Web ou à un site Web qui apparaît en regard de l'adresse http dans la fenêtre URL d'un navigateur. Il occupera également les onglets ouverts dans les navigateurs activés par onglets et s'affichera à côté des liens marqués d'un signet. Le terme combine les mots "favoris" et "icône". Microsoft Internet Explorer version 5.0 introduit la possibilité d'afficher des favicons, suivis par les autres navigateurs principaux. Firefox, Netscape, Opera, Safari et Konquerer sont parmi les nombreux navigateurs prenant en charge cette fonctionnalité.
Un favicon est si petit qu'il se mesure en pixels. Un pixel est la plus petite unité de mesure sur un écran d'ordinateur. Les pixels, qui ressemblent à de minuscules blocs, sont clairement visibles lors de la visualisation d'un écran à l'aide d'une loupe. Un favicon ne fait que 16 x 16 pixels, 32 x 32 ou, dans le cas des ordinateurs Macintosh, parfois 64 x 64 ou plus.
Concevoir un logo pour une toile aussi minuscule n'est pas une tâche facile. Il est donc plus facile de commencer avec une toile plus grande, puis de redimensionner l'image. Étant donné que la réduction d'une image peut entraîner une perte de clarté, il est préférable de commencer avec une taille de toile d'environ 64x64 pixels.
Ces icônes peuvent être conçues en monochrome, 16 couleurs, 256 couleurs ou plus, en utilisant presque tous les programmes graphiques. Une fois que la conception est réduite et enregistrée, elle peut être convertie en un fichier icône . Tous les programmes graphiques n'enregistrent pas les fichiers au format .ico, mais de nombreux programmes graphiques disponibles en ligne sont spécifiques à la création et à la conversion de fichiers .ico. En ouvrant un fichier .bmp, .jpg, .gif ou un autre fichier image dans l'un de ces programmes et en choisissant "Enregistrer sous", vous pouvez convertir l'image au format .ico approprié et nommer le fichier favicon.ico.
L'icône peut maintenant être téléchargée dans le répertoire racine de votre site Web. Les navigateurs rechercheront ce fichier et l’afficheront s’ils le trouvent. Outre le téléchargement sur le site Web, deux lignes de code simple doivent être ajoutées à la section <head> </ head> de la page Web, comme indiqué ci-dessous. Remplacez "website.com" par le nom de votre site Web actuel:
<link rel="icon" href="http://website.com/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="http://website.com/favicon.ico" type="image/x-icon" />
Si un site Web est marqué dans Internet Explorer avant d'avoir un favicon, il est possible qu'un nouveau site ne soit pas affiché. Supprimez le signet, videz le cache du navigateur et redémarrez le navigateur. Maintenant, surfez manuellement sur le site et vous devriez voir le favicon. Marquez le site pour l'ajouter aux favoris .
Alors que Internet Explorer requiert que le favicon soit un fichier .ico, Firefox, Netscape et d'autres navigateurs populaires peuvent également afficher les fichiers .gif, .jpg et .png. Si vous utilisez un type de fichier image autre que .ico, le code doit être modifié pour refléter le type d'image correct. Par exemple, si vous utilisez favicon.png, le code se lirait comme suit: type="image/png" /> plutôt que type="image/x-icon" /> .
L'association d'un favicon à un site Web crée une image de marque visuelle qui peut aider un internaute à rappeler votre site Web et son contenu d'un simple coup d'œil à ses signets. Qu'il s'agisse d'un mini logo ou d'un design original, votre image reflétera idéalement quelque chose du contenu, du caractère ou du nom du site. Plusieurs sociétés en ligne conçoivent un favicon pour vous, si vous le souhaitez. Cependant, pour ceux qui ont des compétences de base en informatique, en créer une est une tâche simple et agréable qui peut durer de quelques minutes à une après-midi ou une soirée.