44 votes

Comment créer la petite icône à côté de l'onglet site web pour mon site ?

Je me suis demandé comment coder quelque chose dont je ne connais pas le nom. En gros, (je n'ai pas assez de réputation pour insérer une image), c'est la petite icône à côté de votre onglet qui montre sur quel site web vous êtes. Comme sur facebook c'est le "f" avec le fond bleu et google c'est le "g" avec les couleurs... :\\N-.

Quelqu'un pourrait-il m'aider à l'implémenter sur mon site web et me dire comment il s'appelle ? Merci beaucoup.

1 votes

Merci les gars pour l'aide géniale ! !!

49voto

StrouMfios Points 1219

Il s'appelle favicon.ico et vous pouvez le générer à partir de ce site.

http://www.favicon.cc/

0 votes

Assurez-vous de supprimer le cache après - pour le voir

16 votes

Une fois que vous avez généré une image, ajoutez-la dans votre fichier <head> étiquette : <link rel="icon" type="image/png" href="http://example.com/myicon.png">

1 votes

De nombreux brwosers vérifient aussi automatiquement si domain/favicon.ico existe.

31voto

Bakudan Points 5469

Ceci est pour l'icône dans le navigateur (la plupart des sites omettent le type) :

<link rel="icon" type="image/vnd.microsoft.icon"
     href="http://example.com/favicon.ico" />

ou

<link rel="icon" type="image/png"
     href="http://example.com/image.png" />

ou

<link rel="apple-touch-icon"
     href="http://example.com//apple-touch-icon.png">

pour l'icône du raccourci :

<link rel="shortcut icon"
     href="http://example.com/favicon.ico" />

Placez-les dans le <head></head> section.

Editer peut 2019 quelques exemples tirés du MDN

1 votes

Désolé, j'ai accidentellement voté à la baisse et SO ne me laisse pas annuler. J'ai voté à la hausse une de vos autres réponses pour ajouter le point en retour.

0 votes

Pour le premier exemple, avec rel="icon" y href="http://example.com/favicon.ico" Pour autant que je sache, c'est ce que font les serveurs web par défaut. Donc, en général, on peut simplement mettre un fichier appelé "favicon.ico" dans le répertoire racine du site et il n'est pas nécessaire d'ajouter ceci <link> à la source de chaque page.

0 votes

@RayButterworth Ce n'est pas le serveur, c'est le navigateur. Oui, vous pouvez l'omettre, et si le navigateur trouve favicon.ico, il l'utilisera. Si le navigateur ne trouve pas ce fichier, il en utilisera un par défaut - sous Windows, je pense que c'est le fichier fichier vide .

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X