Répertoire d'articles
使用Google Chrome,EntrerChen WeiliangLes blogs, devant l'onglet du navigateur et la barre d'URL, afficheront une petite icône du site Web.
sectionhood.discountThème avec téléchargement intégré d'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 se fait encore sur le sitePromotion Webdans la gamme.
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>
Utilisez des graphiques que vous connaissez软件Créez un rendu 16*16px, 32*32px, 48*48px, enregistrez-le en tant qu'image au format .png ou .gif ou .jpg.
Comment faire une icône favicon.ico transparente ?
étape 1:Créez des icônes PNG transparentes avec PS.
étape 2:Ouvrez l'outil d'icône de génération en ligne favicon.ico ▼
Cliquez ici pour visiter le créateur d'icônes favicon.ico en ligne3 步：Parcourir les images nouvellement enregistrées
4 步：Cliquez sur : "Générer l'icône favicon.ico en ligne".
5 步：Suivez les invites pour le télécharger dans le répertoire racine du site Web.
Comment mettre à jour l'icône Favicon.ico ?
- Fermez tous les navigateurs ouverts et videz le cache de votre navigateur.
- Ouvrez un site Web et ajoutez un favori.
- 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.
J'espère que le blog de Chen Weiliang ( https://www.chenweiliang.com/ ) partagé "Qu'est-ce qu'un favicon ?Collection de sites Web petite icône ico générateur de production en ligne", pour vous aider.
Bienvenue à partager le lien de cet article :https://www.chenweiliang.com/cwl-822.html