Accueil du site > WebDesign > Créer une icône de type favicon.ico
Il existe une solution très simple pour créer des icônes (favicon.ico) pour ses sites internet.

Mais quésako un favicon ?

Selon le fameux wikipedia : « Une favicon est une icône mise à disposition par un site Web pour enjoliver, en particulier dans les navigateurs Web, les endroits où ce site est mentionné. Cette icône pourra être utilisée dans la barre d’adresses ou de titre, les favoris (le terme est d’ailleurs un mot-valise né de la contraction de « favorites » et « icon »), les onglets, ou autres raccourcis.

Le nom vient du fait que ce concept a commencé à être utilisé avec le navigateur Internet Explorer de Microsoft, où il fallait utiliser un fichier /favicon.ico placé à la racine du site.

Ce concept a vite été standardisé et étendu pour plus de flexibilité. Il est maintenant possible pour chaque page Web de préciser sa propre icône dans ses entêtes .

<link rel="shortcut icon" type="image/png" href="favicon.png" />

Encore une amélioration :

Le type MNG c’est comme les gifs animés pour le PNG. Et oui, vous pouvez faire des icônes animés acceptés par des navigateurs au top et conserver une alternative pour Internet Explorer. Réponse :


<head>
<!-- version IE //-->
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<!-- version standart //-->
<link rel="icon" type="video/x-mng" href="/favicon.mng" />
</head>

Cela permet entre autres de s’affranchir du format d’icône Windows (ICO) et d’utiliser à la place des images PNG ou encore des MNG animés, le APNG* et du format propriétaire GIF. Seul le format .ICO est supporté par Internet Explorer 6, mais des navigateurs plus récents, comme Firefox et Internet Explorer 7 acceptent ces autres formats. »

J’en veux un

1 / En tout premier lieu prendre son logiciel de graphisme préféré et créer une image de 16*16px au format png ou gif avec si vous le désirez une trame transparente.

2 / Ensuite aller sur ce site : http://www.html-kit.com/favicon/ et uploader votre image dessus, ils vous proposent de la visualiser directement et d’en télécharger le résultat. Quoi de plus simple ?

Désormais, plus d’excuse, vous aurez votre favicon.ico

en complément voir aussi :

- http://www.atoute.org/favicon/favicon.htm
- http://www.xhtml.net/xhtmlcss/favicon
- http://www.gratuiciel.com/freeware/creation-gestion-icones.htm]

Vous cherchez une source d’inspiration ?

- http://jimmac.musichall.cz/icons.php (J’adore ce qu’il fait !)

P.-S.

*Le format d’images numériques libre de droits APNG (Animated Portable Network Graphics) est une extension du format PNG (Portable Network Graphics ).

Navigation Travaux pro, perso sur les blogs, informations générales sur les blogs, le Web 2.0. les widgets, les bloggers et la communauté blog.. Le chef de projet multimédia est un homme orchestre qui coordonne et encadre une équipe aux compétences multiples pour réaliser le projet multimédia qui leur est confié.. Identifier vos besoins, reconnaître vos contraintes liées au site internet, agir en amont pour gagner en temps, en efficacité et vous permettre de définir le projet adapté à vos ambitions.. usages innovants, enjeux internet, nouvelles technologies, robotique, réflexions et notes sur les transformations des moyens de communication.. Les débats autour du web 2.0, du web 3.0 et des standarts W3C sont permanents. Autemment immersif, ils aggrègent autour des mêmes pratiques, les différents canaux de communication : Mobiles, Internet, Télé... Ils sont le résultat et l’application de la convergeance tant attendue des medias.. Webdesign, ergonomie, ergologie. Recherche graphique sur la conception d’une interface, outils, sites de référence. Typologie liée a l’usage d’Internet. HTML, XHTML, CSS, Flash..

Mots-clés

Sites Web BuiltWith.com - Web Technology (...) le blog lombric 1001logos 123sat 2advanced Abondance > Référencement et (...) Agence du cinéma indépendant (...) Agence pour le développement (...) Annonces Lesjeudis.com Association ART3000 Atelier 142 Bibliothèque du film Bits and Buzz » Web 0.x to Web (...) Blogmarks.net : Public marks (...) Bug report CNFPT : Chef de projet multimedia

Suivre la vie du site RSS 2.0 | Plan du site | Espace privé | SPIP
© 2001-2007 Yvan GAPIN - Ce site est sous licence Creative Commons
Blogs Informatique et Internet