Qu'est-ce qu'un favicon ?Collection d'URL petite icône générateur de production en ligne ico

Lorsque vous accédez au blog de Chen Weiliang via Google Chrome , une petite icône de site web apparaît devant l'onglet et la barre d'adresse du navigateur.

Certains thèmes WordPress intègrent une fonction permettant de télécharger des icônes de favoris.

Qu'est-ce que l'icône Favicon ?

Comme son nom l'indique, le soi-disant favicon est l'abréviation de Favorites Icon (icône préférée).

• Il permet aux favoris du navigateur de distinguer différents sites Web par des icônes en plus des titres correspondants.

Bien entendu, selon les différents navigateurs, le mode d'affichage du Favicon est également différent :

• Dans la plupart des principaux navigateurs tels que FireFox et Internet Explorer (version 5.5 et supérieure).
• Le favicon apparaît non seulement dans les favoris, mais également dans la barre d'adresse.
• Les utilisateurs peuvent faire glisser et déposer des icônes sur le bureau pour créer des raccourcis vers des sites Web ;
• De plus, il existe même de nombreuses extensions pour les navigateurs à onglets comme FireFox supporte même les icônes au format animé etc…
• L'icône favicon.ico est une vignette d'un site Web, qui peut être affichée sur les onglets du navigateur, sur le côté gauche de la barre d'adresse et dans les favoris.

Il s'agit du logo miniature qui montre la personnalité du site Web.

• Si vous souhaitez rendre votre site Web plus professionnel, on peut dire qu'il s'agit de l'avatar du site Web.
• Si vous souhaitez rendre votre site Web plus beau et personnalisé, favicon.ico est essentiel.

Vous pouvez donc utiliser l'outil de conversion d'icônes ICO sur ce site Web pour répondre facilement à vos besoins.

Dans le processus de création d'un site Web avec WordPress, il est nécessaire de créer un logo personnalisé qui correspond au thème du site Web, qui est directement lié à la réussite de l'image de marque du site Web.

D'un certain point de vue, cela relève toujours de la promotion en ligne des sites web.

Pour réussir, il comprend non seulement un bon design de page, un logo de site Web impressionnant, mais également des icônes :

• D'un point de vue technique spécifique, le favicon offre non seulement aux utilisateurs une apparence plus professionnelle, mais réduit également la consommation de bande passante du serveur dans une certaine mesure :
• De manière générale, afin d'augmenter la convivialité du site, nous créerons un fichier d'erreur 404 personnalisé pour notre site Web.
• Dans ce cas, si le site Web n'a pas de fichier favicon.ico correspondant, le serveur Web appellera ce fichier 404 personnalisé et l'enregistrera dans le journal des erreurs du site Web, ce qui doit évidemment être évité.

Comment Favicon.ico est-il ajouté et utilisé ?

Entre le head et le /head du code de l'application web, ajoutez le code suivant ▼

<head>
...
<link rel="shortcut icon" href="/fr/favicon.ico"/>
<link rel="bookmark" href="/fr/favicon.ico"/>
...
</head>

Créez un rendu de 16x16 pixels, 32x32 pixels ou 48x48 pixels à l'aide de votre logiciel graphique préféré et enregistrez-le en tant qu'image au format .png, .gif ou .jpg.

Comment faire une icône favicon.ico transparente ?

Étape 1 : Créer une icône PNG transparente à l’aide de Photoshop.

Étape 2 : Ouvrez un générateur d’icônes favicon.ico en ligne ▼

Étape 3 : Parcourez les images nouvellement enregistrées

Étape 4 : Cliquez sur : « Générer une icône favicon.ico en ligne ».

Étape 5 : Suivez les instructions pour le télécharger dans le répertoire racine du site Web.

Comment mettre à jour l'icône Favicon.ico ?

1. Fermez tous les navigateurs ouverts et videz le cache de votre navigateur.
2. Ouvrez un site Web et ajoutez un favori.
3. Fermez tous les navigateurs, rouvrez le site Web et mettez à jour.

Si l'icône favicon.ico n'a pas été mise à jour à ce stade, veuillez patienter un moment avant d'ouvrir la tentative de navigation.

Si vous utilisez Firefox ou Chrome, la mise à jour est plus simple :

• La navigation en mode privé dans Firefox et Chrome met à jour le cache des icônes favicon.ico.