web-dev-qa-db-fra.com

Image de titre HTML

Je veux avoir une image sur le titre dans une page HTML (c'est-à-dire sur l'onglet avec le titre). Comment puis je faire ça?

htmlfavicon
47
James

Vous avez besoin d'un fichier favicon.ico. Mettez-le simplement à la racine de votre site et liez-le dans l'en-tête de votre page

<head>
    <title>My Site</title>
    <link rel="shortcut icon" href="favicon.ico" />
</head>

Vous devez le mettre à la racine de votre site et le nommer favicon.ico car certains navigateurs le recherchent même si vous ne le liez pas sur vos pages.

49
Ed B

Pour la compatibilité entre navigateurs, il semble que deux lignes soient nécessaires pour le favicon:

[~ # ~] titre [~ # ~] 

<title>PAGE TITLE HERE</title>

Favicon [~ # ~] [~ # ~] 

<link rel="SHORTCUT ICON" href="http://domain and path/favicon.ico" />
<link rel="icon" href="http://domain and path/favicon.ico" type="image/ico" />

GÉNÉRATEUR DE FAVICON:

ENTRAÎNEMENT DYNAMIQUE

21
Zuul

Veuillez ajouter une ligne similaire à celle-ci dans les éléments de tête:

<link rel="shortcut icon" href="/somwhere/icon.ico">

Les fichiers .ico fonctionnent mieux avec les anciens navigateurs, mais bien sûr, vous pouvez également utiliser des fichiers png et jpeg.

4
Hendrik Brummermann

Vous souhaitez définir un favicon. Voici la balise pour le faire:

<link rel="SHORTCUT ICON" href="favicon.ico" />

Ajoutez cette balise à votre <head /> et il demandera aux navigateurs du site de télécharger l'image référencée dans le href.

3
JD Courtoy

Comment ajouter un Favicon à votre site (W3C):
http://www.w3.org/2005/10/howto-favicon

et vous pouvez faire de n'importe quelle image un favicon avec des générateurs en ligne comme ceux-ci:
http://tools.dynamicdrive.com/favicon/

1
T.T.T.

Vous pouvez également utiliser une image png et lui donner un minimum de 310x310px pour prendre en charge tous les périphériques connus. Un navigateur moderne le dimensionnera automatiquement en conséquence.

0
kejodion