Comment créer un logo d'URL

Un favicon est un moyen créatif et pratique d'ajouter une touche visuelle subtile à la présence de votre site Web. Les favicons sont de petites images que les navigateurs Web utilisent sur les onglets de page et les barres d'adresse. Ils affichent un logo ou une image associée au site Web qui agit comme un identifiant visuel de la marque à côté du titre ou de l'URL. Les favicons sont des identifiants de site particulièrement utiles dans la navigation par onglets, car l'espace de texte disponible utilisé pour les titres de page diminue à presque rien à mesure que l'utilisateur ouvre plus d'onglets.

Étape 1

Concevez l'icône que vous souhaitez utiliser dans un programme de retouche photo ou graphique. Vous pouvez prendre un logo ou une image existant associé à votre site ou à votre marque et l'ajuster pour qu'il respecte les normes favicon. Les favicons utilisent toujours des dimensions carrées et ont une taille maximale prise en charge de 256 x 256 pixels. Recadrez et redimensionnez l'image pour qu'elle tienne dans un carré de 256 x 256 pixels si vous comptez utiliser un packer d'icônes pour prendre en charge plusieurs tailles. Si vous ne faites qu'une seule version, optez pour une taille de 16 x 16 pixels.

Étape 2

Exportez le graphique de l'icône sous forme de fichier image PNG à partir du programme de conception graphique. PNG est le format d'image standard du W3C pour les favicons. Certains navigateurs peuvent afficher les fichiers JPG sous forme de favicons, mais la norme n'est pas officiellement prise en charge. De plus, les programmes packer d'icônes peuvent ne pas fonctionner avec des images dans d'autres formats. Les favicons prennent également en charge les fichiers GIF et ICO.

Étape 3

Emballez votre fichier PNG exporté dans un fichier ICO avec un programme de conversion ICO. Un programme de conversion d'icônes traite un favicon PNG, le formate pour plusieurs tailles de favicon largement prises en charge et les intègre dans un seul fichier. Les fichiers ICO fournissent des favicons de résolution supérieure à 16 x 16 pixels pour les appareils qui les prennent en charge.

Étape 4

Connectez-vous au service d'hébergement de votre site Web et téléchargez le fichier PNG ou ICO sur le serveur multimédia de votre site Web. Copiez l'URL du fichier téléchargé ; vous en aurez besoin pour attacher le favicon au site.

Étape 5

Ouvrez votre programme d'édition de site et ajoutez le code suivant, modifié avec l'URL du fichier favicon comme indiqué, au

section de votre site Web.

Pour les fichiers PNG :

Pour les fichiers ICO :

Sauf si vous utilisez un site contrôlé par CMS ou incluez un fichier

section, vous allez devoir ajouter le code à chaque page où vous souhaitez afficher l'icône. Le favicon apparaît après avoir enregistré et mis à jour les pages du site.

Astuce

Les programmes de retouche photo comme Photoshop et Corel Draw fonctionnent bien pour concevoir et formater l'icône. Alternativement, vous pouvez utiliser des programmes gratuits comme Paint.net et Pixlr.

Avertissement

Certains navigateurs associent automatiquement un fichier image situé dans le répertoire /favicon en tant que favicon ; cependant, l'organisation W3C déconseille cette pratique car il ne s'agit pas d'une norme prise en charge universellement et contraire aux principes de l'architecture Web. De plus, de nombreux services d'hébergement Web et systèmes CMS ne permettent pas à l'utilisateur de placer du contenu multimédia en dehors des répertoires de fichiers multimédias, ce qui rend cette pratique impossible.