Ajouter une image dans la barre de titre [dupliquer]

Cette question a déjà une réponse ici:

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?

35
demandé sur Styx 2013-04-03 16:08:27

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.

61
répondu Samuel MacLachlan 2018-05-07 12:05:58

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
16
répondu nandu 2013-04-03 12:13:35

Ajoutez ceci dans la section head de votre html

<link rel="icon" type="image/gif/png" href="mouse_select_left.png">
13
répondu karthick 2017-05-01 07:12:57

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.

Source: Ajout d'un favicon à une page HTML statique

10
répondu errieman 2017-05-23 11:54:39