Date de création :
Lun. 01 janvier 2007
Dernière mise à jour :
Ven. 10 octobre 2008
Statistiques :
410 articles
1513 commentaires
Aujourd'hui petite astuce pour faire un petit icône pour les pages Internet (vous savez, l'icône que l'on retrouve dans nos favoris à coté du nom des sites Internet...)
Tout d'abord, il faut savoir que Photoshop, de base, n'enregistre pas de fichiers au format ico (fichiers icônes). C'est pourquoi il faut un logiciel externe, ou alors ce magnifique petit plugin, gratuit qui plus est, téléchargeable directement ici (trouvé sur le site de télégraphics)
Ensuite, prenez le fichier .8bi et placez le dans :
\Adobe Photoshop CS\Modules externes\Conversion\
Lancez Photoshop et ouvrez un fichier 16x16 (taille des icônes pour Internet)
Note : Les icônes, grâce aux technologies actuelles, vont de 16x16 à 256*256, permettant alors dans les i'dock de s'agrandir sans perte de qualité !
Après avoir réalisé le montage souhaité, il suffit de faire Fichier, enregistrer sous... et de choisir en extension Format ICO.
Pour inclure ensuite sur votre site le petit plus qui changera tout, il faut copier la ligne suivante en changeant favicon.ico par le nom de votre fichier
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
Note : votre icône doit se trouver à la racine de votre site pour que cela marche.
Ou sinon, il y a favicon.fr qui vous permettra peut être de trouver chaussure à votre pied, ou favicon à votre site.
Pouet !
© MISTERDANILO.COM - Blog d'un Graphiste Frelance | Tous droits réservés| Mentions Légales
Blog de MissDanilo | Graphiste freelance | Le Webdesigner | Graphiste freelance
2 Square de Mazarine | 56000 VANNES | 06 21 69 62 50 | Contactez-moi
Jeff le 14/11/2007
En fait il y a deux façons de lier un favicon. Celle que tu présente ne marche que pour un .ico. Or le favicon peut tout à fait être en png ou gif par exemple. Il faut alors mettre cette ligne :
<link rel="icon" type="image/png" href="/img/favicon.png"/>
En outre point besoin de plugin. Si photoshop ne gère pas le .ico, en revanche il suffit de renommer un .gif en .ico pour que cela marche.
Enfin la taille de la favicon selon les derniers critères d'accessibilité est 32 par 32 : voir ici : http://www.opquast.org/atelier/index.php/Projet:Icone_de_favori_:_favicon_au_format_32_x_32_pixels