Favicon

Résolu
Bonjour,

J'essaye d'agrémenter mon site d'un favicon. Je suis passée par un convertisseur d'image pour se faire.
Il apparaît bien dans la simulation de dreamweaver sur Firefox.
Mis en ligne : rien.
J'ai vérifié via le site indiqué : http://www.html-kit.com/favicon/validator/
Résultat : The favicon doesn't appear to be a valid icon.

Voilà le code actuel :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html ="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>monsite</title>
<link href="A.Images/favicon.ico" rel="shortcut icon" title="icon" />

Je ne comprends pas ! Pouvez-vous m'aider ?

Merci !

16 réponses

  1. Aucun problème, ravis d'avoir pu t'aider ;-)

    Tu peux passer ton sujet en résolu.
    1. SUPER SUPER SUPER !!!

      Vraiment un grand MERCI Sipherion, pour ta patience et ta générosité.

      Je suis ravie !
      1. OK alors pour tester, tu vas placer ta favicon à la racine de ton site, c'est à dire là où tu as le index.html et donc modifier :

        <link rel="shortcut icon" href="A.Images/favicon.ico" type="image/x-ico" /> 

        par

        <link rel="shortcut icon" href="favicon.ico" type="image/x-ico" /> 
        1. oui, c'est https://www.lesite.com/

          Mes fichiers se trouvent sur le bureau de mon mac, dans un dossier intitulé WEBsite2014. Pour les mettre en ligne, je les envois via Cyberduck à mon hébergeur, Infomaniak.
          1. Oublies FTP et HTTP, ce sont des protocoles de communication, rien à voir avec notre problème. Quand tu tapes une adresse dans ton navigateur, c'est https://www.lesite.com/

            Où est ton site actuellement (tes fichiers comme index.php ou index.html) ? Sur ton PC local ? Sur un hébergeur ? Lequel ?
            1. D'après ce que je lis, la racine de mon site serait mon index. Est-ce possible ?
              Je n'ai effectivement pas utilisé l'arborescence de Dreamweaver... la source de mes difficultés ?
              1. <link rel="icon" type="image/png" href="monimage.png" />

                Dans le cas présent, cette image qui fait 3,28Ko et de taille 47x54px au format png doit se trouver à la racine du site.

                http://www.tutoriels-extensions-dreamweaver.fr/
              2. J'ai utilisé ton code, changer le format du favicon et là je coince... la racine de mon site !!! est-ce l'URL http ou ftps ?
                il y a un local et un distant... et je ne m'y retrouve pas
                1. Déjà, pour trouver d'où viens le problème, mets toi sur les standards compatibles IE :

                  - Utilises ce code :
                  <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
                  - Change le répertoire où se situe ton icone : place la à la racine de ton site pour que le href que je t'ai mis soit correcte
                  - Fais une favicon en 16x16
                  1. Bonjour,

                    Et merci pour votre intervention. J'ai suivi vos deux conseils mais je n'ai pas avancé. Après être passé sur le site de Sipherion, mon favicon est de 32x32pxl
                    Je pense effectivement avoir un problème de connection à l'url. Est-ce possible qu'il commence par ftps:.... ? et si non... où suis-je censé le trouver ?

                    Voilà où j'en suis...
                    <link rel="shortcut icon" href="A.Images/favicon.ico" />
                    c'est-à-dire nul part !

                    J'écoute...
                    1. Salut,

                      Tester en mettant l'url au complet :
                      <link rel="shortcut icon" href="http://votre-site.com.com/A.Images/favicon.ico" >

                      .. et vérifier que votre image (.ico) se trouve bien à l'url spécifié.
                      1. Bonjour,

                        Je te conseille de suivre étape par étape les informations de ce lien :

                        https://www.commentcamarche.net/faq/332-favicon-l-icone-de-votre-site-dans-la-barre-d-adresse