Tarmax.com - Mot-clé - iPod TouchZen et détente, Sport et nature, News persos... Rédacteur : Maximilien G.2023-06-19T21:54:40+02:00Tarmax.comurn:md5:aa9c76e0072279a8ec3d07b36d69635eDotclearFavIcon from Pics : outil simple, rapide et gratuit pour générer un faviconurn:md5:ceb3361778a05ab226179e529fedec582009-09-25T00:22:00+02:002009-09-25T22:26:44+02:00MaximilienNouvelles technologiesfaviconicôneiPhoneiPod Touchwebwebmaster <p>Tout le monde sait ce qu'est un favicon ? C'est l'icône que l'on peut associer à un site internet et qui s'affiche dans la barre d'adresse du navigateur (et dans la liste des favoris le cas échéant).
<br />
J'ai découvert il y a quelques jours un service web très pratique et entièrement gratuit qui permet de générer en 2 temps 3 mouvements un favicon à partir de n'importe quelle image.
<br />
<br />
<a href="http://www.html-kit.com/favicon/" hreflang="en"><img src="https://www.tarmax.com/blog/public/billets/geeks/2009-09-favion-from-pics/favicon_from_pics.png" alt="favicon_from_pics.png" style="display:block; margin:0 auto;" title="favicon_from_pics.png, sept. 2009" /></a>
<br />
<br />
Rien de plus simple : il suffit de sélectionner sur son disque dur l'image que l'on souhaite utiliser, et en 2 secondes le site va créer à partir de cette image un favicon tout prêt et personnalisable à souhait :</p>
<ul>
<li>favicon animé ou pas</li>
<li>ajout de texte défilant</li>
<li>ajout d'un fond transparent</li>
<li>ajout d'un cadre</li>
<li>choix des différentes résolutions qui seront intégrées au favicon</li>
<li>et le petit plus : <strong>possibilité de créer simultanément un icône "iPhone - iPod Touch"</strong> permettant de personnaliser l'icône qui apparaît sur l'écran d'accueil lors de l'ajout sur ce dernier d'un raccourci pointant vers son site.</li>
</ul>
<p><br />
<br />
Pour la mise en place rien de plus simple : le service fournit un fichier zip contenant le favicon et l'icône iPhone à mettre à la racine du site, ainsi que le code à insérer dans le header des pages du site pour la mise en place de tout ceci.
<br />
<br />
Dans notre cas le code ressemble à ceci :</p>
<pre class="html"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;"><link</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"shortcut icon"</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"/favicon.ico"</span> <span style="color: #000000; font-weight: bold;">></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"><link</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"apple-touch-icon"</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"/apple-touch-icon.png"</span> <span style="color: #000000; font-weight: bold;">></span></span></pre>
<p><br />
Efficacité, gratuité, gain de temps, bref que du bonheur. Seul petit hic pour certains : le service est en anglais.</p>
<p>Lien vers le service : <a href="http://www.html-kit.com/favicon/" hreflang="en">FavIcon from Pics</a></p>https://www.tarmax.com/post/2009/09/22/FavIcon-from-Pics-outil-simple-rapide-et-gratuit-pour-generer-un-favicon#comment-formhttps://www.tarmax.com/feed/atom/comments/12