Ajouter un favicon à son site en HTML
Tout à fait dans l'air du temps, vous aurez peut-être envie d'ajouter un favicon à votre site en HTML ? Il s'agit du petit logo en haut dans l'onglet du navigateur, face aux titres de vos pages.
Pour exemple, voici le logo utilisé comme favicon pour ce site :
Pour exemple, voici le logo utilisé comme favicon pour ce site :
Un "favicon" est une image carrée de 16 pixels / 16 pixels au format .ICO
Pour convertir une image .JPG (ou autre format) en une image .ICO, il vous suffit d'utiliser un logiciel de conversion d'image ou un générateur en ligne.
Je vous conseille par exemple : File Format Converter disponible gratuitement sur internet.
Ou le générateur en ligne : http://tools.dynamicdrive.com/favicon/
La place du favicon.ico n’est pas très importante en fin de compte, le fichier image peut-être placé dans le dossier 'images' du site ou à la racine de celui-ci, du moment que le chemin d'accès de l'image est bien définit dans la balise :
L’endroit et le nom du fichier .ico ("/favicon.ico") seront donc adaptés suivant le nom et la localisation adéquate de l’icône 16x16 px.
Un favicon figure parmi les éléments du site que le navigateur met très souvent en cache. Il peut arriver qu’une modification du favicon n’apparaisse pas tout de suite dans le navigateur. Relancez le navigateur et videz le cache (fichiers internet temporaires). Cela résout en général le problème.
Pour convertir une image .JPG (ou autre format) en une image .ICO, il vous suffit d'utiliser un logiciel de conversion d'image ou un générateur en ligne.
Je vous conseille par exemple : File Format Converter disponible gratuitement sur internet.
Ou le générateur en ligne : http://tools.dynamicdrive.com/favicon/
La place du favicon.ico n’est pas très importante en fin de compte, le fichier image peut-être placé dans le dossier 'images' du site ou à la racine de celui-ci, du moment que le chemin d'accès de l'image est bien définit dans la balise :
- <link rel="shortcut icon" href="/favicon.ico" type="images/x-icon" />
L’endroit et le nom du fichier .ico ("/favicon.ico") seront donc adaptés suivant le nom et la localisation adéquate de l’icône 16x16 px.
Un favicon figure parmi les éléments du site que le navigateur met très souvent en cache. Il peut arriver qu’une modification du favicon n’apparaisse pas tout de suite dans le navigateur. Relancez le navigateur et videz le cache (fichiers internet temporaires). Cela résout en général le problème.
classement_dec2013.xls | |
File Size: | 59 kb |
File Type: | xls |