Une icône pour un site, ou, comme on l'appelle plus souvent, une icône est ce que vous pouvez voir dans le coin à côté du nom de l'onglet dans le navigateur. Aussi, l'icône s'affiche en face du nom du site dans la liste des "Favoris", vous pouvez également la voir lorsque le moteur de recherche affiche votre site dans les résultats de recherche.
Il est nécessaire
- - logo du site,
- -Photoshop,
- - convertisseur favicon.
Instructions
Étape 1
Ouvrez le logo de votre site Web dans Adobe Photoshop. S'il n'y a pas de logo, vous pouvez prendre n'importe quelle autre photo, il est seulement important qu'elle soit associée à votre site. Traitez l'image en supprimant tous les détails inutiles et réduisez maintenant sa taille à 32 ou 16 pixels de chaque côté. Ensuite, enregistrez l'image en tant que fichier graphique.png
Étape 2
Mieux encore, si vous finissez par créer un fichier avec une résolution de 32x32 pixels, car les utilisateurs enregistrent parfois les raccourcis des sites qu'ils aiment sur le "Bureau", et là les images 16x16 pixels semblent insuffisamment détaillées. Cependant, gardez à l'esprit que dans le navigateur votre icône sera toujours mise à l'échelle à 16x16 pixels, ce sont les images qui sont affichées dans les favoris et dans le titre.
Étape 3
Vous devez maintenant convertir l'image en fichier ico. Cela peut être fait en utilisant un plug-in pour Photoshop ou en utilisant un service Internet gratuit, par exemple, https://favicon.ru/. Il existe de nombreux plugins et services, ils fonctionnent presque de la même manière, il ne sert donc à rien d'en conseiller un en particulier. Ces sites sont appelés générateurs de favicons.
Étape 4
Renommez le fichier résultant en favicon.ico.
Étape 5
Accédez maintenant au panneau de configuration de votre site et recherchez le répertoire racine où se trouve la première page. Il s'agit généralement d'index.html ou d'un autre fichier généré par le système de gestion de contenu. Il y a peut-être déjà une icône nommée favicon.ico. Dans ce cas, supprimez l'ancienne icône et remplacez-la par la vôtre.
Étape 6
Si le répertoire racine n'est pas disponible pour vous, ainsi que dans ces cas si vous avez écrit le code du site vous-même, vous devez alors modifier toutes les pages du site sur lesquelles l'icône doit apparaître. Ouvrez la page dans un éditeur et ajoutez une entrée dans la section d'en-tête
Étape 7
Si l'icône ne se trouve pas dans le répertoire racine, mais ailleurs, alors dans le paramètre href écrivez le chemin complet du fichier.
