favicon animé

N'en posez pas trop, spas ? C'est chez web3d-fr, la technique. Ici, c'est juste dépannage.

favicon animé

Messagepar Arsène » Jeu 04 Nov 2010 4:39

Comment t'as fait pour avoir un favicon animé ?


Comme précisé dans le howto-favicon il y a deux méthodes pour avoir un favicon, la bonne et la moins bonne.

La moins bonne consistant à avoir un fichier nommé favicon.ico à la racine du site marche quasiment dans tous les navigateurset autres programmes. Mais, c'est considéré comme une hérésie d'avoir un emplacement prédéfini pour un usage donné (il y a le même problème avec le fichier robots.txt). Ce fichier doit être au format Microsoft Icon File, qui plus est. Mais, certains poussent l'hérésie jusqu'à utiliser un fichier au format PNG ou GIF renommé favicon.ico.

La meilleure méthode consiste à indiquer dans le "head" de la page web l'emplacement du fichier qui va servir de favicon.

Code: Tout sélectionner
    <head profile="http://www.w3.org/2005/10/profile">
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <title>Coucou c'est nous</title>
        <link rel="shortcut icon" type="image/png" href="/image/icon.png">
</head>

Il me semble qu'il faut mettre "shortcut icon" pour que ça marche avec IE. Mais, la norme est d'avoir le mot "icon" et il n'est pas obligé d'être tout seul. C'est la seule méthode qui permet d'avoir plusieurs favicon, en fonction des sections du site, par exemple. Vous pouvez aussi indiquer plusieurs fichiers et le navigateur choisira celui qu'il préfère.

Code: Tout sélectionner
        <link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico">
        <link rel="icon" type="image/png" href="http://example.com/image.png">
        <link rel="icon" type="image/gif" href="http://example.com/image.gif">

Pour avoir un favicon animé, il suffit d'avoir un GIF animé, mais, ça ne va pas marcher avec tous les navigateurs. Comme indiqué ici, actuellement, seuls Firefox et Opera sont capables d'afficher des favicon animés.

Pour ma part, je préfère combiner les deux méthodes, un favicon.ico à la racine du site pour que ça marche avec les navigateurs et autres programmes les plus rudimentaires, un "shortcut icon" avec un PNG pour les navigateurs et autres programmes respectant la norme mais incapables d'afficher un GIF animé et enfin un "icon" avec le GIF animé. Bien sûr, pour la méthode recommandée, il est recommandé de préciser le type "image/png", "image/gif" ou "image/jpeg" ("image/svg+xml" pour les images au format SVG, actuellement supportées uniquement pas Opera).

La norme indique aussi de préciser l'attribut profile="http://www.w3.org/2005/10/profile" dans le "head".
Avatar de l’utilisateur
Arsène
 
Messages: 4201
Inscrit le: Mer 08 Sep 2004 22:35
Localisation: Paris

Re: favicon animé

Messagepar GtB » Dim 14 Nov 2010 11:14

Je suis sur chrome c'est pas zanimé :)
KUPO!
Avatar de l’utilisateur
GtB
Modérateur
Modérateur
 
Messages: 204
Inscrit le: Dim 28 Nov 2004 1:57

Re: favicon animé

Messagepar Taranis » Sam 20 Nov 2010 22:08

@ Arsène : merci pour ce didacticiel/tutoriel sur les favicons animés !
Avatar de l’utilisateur
Taranis
Voyageur du mois
Voyageur du mois
 
Messages: 2390
Inscrit le: Mer 15 Sep 2004 11:19


Retour vers Questions techniques

Qui est en ligne ?

Utilisateur(s) parcourant actuellement ce forum : Aucun utilisateur inscrit et 1 invité

cron