Ajouter une image dans la barre de titre [dupliquer]
Cette question a déjà une réponse ici:
- Créer un favicon [fermé] 10 réponses
Comment ajouter une image dans la barre de titre?
J'ai le titre- "Webnet"
Fusionner avec les images d'icônes D'un glyphicon FontAwesome comme -
<title><i class="icon-user icon-black"></i>Webnet</title>
Et je l'ai essayé en remplaçant par image source -
<title><img src="assests/img/user-Hermosillo.png" ></img>Webnet</title>
Mais le titre affiche innerHTML au lieu de montrant image.
De l'aide?
4 réponses
Cette méthode ne fonctionnera pas. Le <title>
ne prend en charge que le texte brut. Vous devrez créer une image .ico
avec le nom de fichier favicon.ico
et l'enregistrer dans le dossier racine de votre site (où se trouve votre page par défaut).
Vous pouvez également enregistrer l'icône où vous le souhaitez et l'appeler comme vous le souhaitez, mais insérez simplement le code suivant dans la section <head>
de votre code HTML et référencez votre icône:
<link rel="shortcut icon" href="your_image_path_and_name.ico" />
Vous pouvez utiliser Photoshop (avec un plug-in) ou GIMP (gratuit) pour créer un .ico
fichier, ou vous pouvez simplement utiliser IcoFX, ce qui est mon préféré car il est vraiment facile à utiliser et fait un excellent travail (vous pouvez obtenir une version antérieure du logiciel libre à partir de download.com).
Mise à Jour 1: Vous pouvez également utiliser un certain nombre d'outils en ligne pour créer des favicons tels que ConvertIcon, que j'ai utilisé avec succès. Il existe d'autres outils en ligne gratuits disponibles maintenant aussi, qui font la même chose (accessible par une simple recherche Google), mais aussi générer d'autres icônes telles que les icônes du Menu Démarrer Windows 8/10 et les icônes de L'application iOS.
Mise à jour 2: vous pouvez également utiliser .png
images comme icônes fournir IE11 est la seule version D'IE que vous devez prendre en charge. Vous avez juste besoin de les référencer en utilisant le code HTML ci-dessus. Notez que IE10 et les versions antérieures nécessitent toujours des fichiers .ico
.
Vous devriez chercher comment ajouter favicon.ico
. Vous pouvez essayer d'ajouter favicon.ico
directement dans vos pages html comme ceci
<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="shortcut icon" type="image/png" href="http://www.example.com/favicon.png" />
Ou vous pouvez le mettre à jour dans votre webserver
. Il est conseillé d'ajouter dans votre webserver
car vous n'avez pas besoin d'ajouter ceci dans chacune de vos pages html
(en supposant que non includes
).
Pour ajouter dans votre apache
Placez le favicon.ico
dans votre directeur de site Web racine et ajoutez ceci dans httpd.conf
AddType image/x-icon .ico
Ajoutez ceci dans la section head de votre html
<link rel="icon" type="image/gif/png" href="mouse_select_left.png">
Vous devrez utiliser un favicon pour votre page.
mettre cela dans la tête de la balise:
<link rel="shortcut icon" href="/favicon.png" type="image/png">
Où favicon.png est de préférence une image png 16x16.