(3 vote(s), moy. : 
Loading ...But : utilisez une favicon personnalisée sur sa page perso de type monsite.free.fr
Vous le remarquerez sûrement depuis quelques semaines Free a ajouté une favicon automatique sur tous les comptes page perso, voici un exemple http://drivemypop.free.fr/favicon.ico
Vous pouvez tester en allant sur votre site : http://votresite.free.fr/favicon.ico et vous verrez que cette image existe également sur votre site, bien que pourtant elle ne soit pas présent lorsque vous vous connectez en FTP ! C’est dû à la configuration Apache de Free.
Voici comment contourner ce petit désagrément : envoyez votre prôpre favicon.ico à la racine de votre serveur FTP 
Par contre si vous souhaitez utiliser une favicon dans un autre format que le .ico c’est également possible. Dans mon exemple j’utiliserai une favicon au format .gif qui sera animée (elle peut également ne pas l’être).
- Pour cela ouvrez le bloc note (ou Notepad++) et copiez ce contenu :
RedirectPermanent /favicon.ico http://votresite.free.fr/favicon.gif
Notez bien : remplacez « votresite.free.fr » par l’adresse du votre. - Faîtes « fichier > enregistrer sous » puis entrez le nom de fichier suivant : « .htaccess » (laissez les guillemets dans le nom de fichier si vous utilisez le bloc note) :
- Envoyez votre fichier .htaccess ainsi que votre fichier favicon via votre client FTP à la racine de votre page perso free.
- Videz le cache de votre navigateur et tester
Désormais sur toutes les pages de votre site s’affichera votre favicon à côté de l’URL. Voici un petit exemple sur un site Free.
A titre d’info sur le fonctionnement : le fichier htaccess précise au serveur free qu’a chaque fois qu’il souhaite accéder à favicon.ico (chose qu’il fait par défaut sur chaque page) il doit prendre favicon.gif à la place
Auteur : Mr Xhark
Fondateur du blog et passionné par les technologies je partage mes découvertes quotidiennement.
Déjà 29 commentaires
21 novembre 2007 à 13h20
Sur ma page index, j’ai mis :
ce qui me permet d’afficher l’icone pour cette page.
Mais il faut le répéter sur chaque page… Votre truc est plus intéressant puisqu’on ne modifie pas les pages.
J’ai essayé de mettre un fichier favicon.ico à la racine de mon site, mais cela ne fonctionne pas.
Mais je n’ai pas non plus l’icone de free ! Cela semble venir du fait que je gère personnellement l’erreur 404 par une directive
ErrorDocument 404 /404.html
dans mon .htaccess pour ne pas avoir la page « Erreur 404 – Document non trouvé » de free.
Ce que je voulais surtout, c’est ne plus avoir l’icone de free devant l’URL de toutes mes pages : c’est fait !
24 novembre 2007 à 22h51
Oui en fait l’architecture free est configurée de telle sorte que favicon.ico n’existe pas sur votre compte free mais c’est une sorte d’alias…
Donc quand on demande de remplacer, on remplace quelque chose de « virtuel » par une vraie image, c’est donc un peu tordu je vous l’accorde
A noter que le code du .htaccess doit tenir sur une seule et unique ligne !
3 juillet 2008 à 20h47
Je ne savais pas qu’on pouvait remplacer par un icone gif, merci pour l’astuce.
PS : Ils ont encore changé le favicon. On voit maintenant le logo [free]. C’est ce qui m’a donné envie de remplacer le favicon de free.
19 juillet 2008 à 15h23
Merci beaucoup, ça fait une heure que je me prends la tête avec cette favicon, et enfin, ça marche grâce à toi !
16 novembre 2008 à 11h36
Bonjour,
Je te remercie pour l’astuce mais j’ai quand même un souci. Une fois le favicon installé à la racine de mon site, ça marche impeccable lorsque je vais sur http://monsite.free.fr/wordpress.
Mais lorsque je tape directement http://www.bizibuzz.fr et que c’est redirigé vers http://monsite.free.fr/wordpress, le favicon n’est plus présente. Aurais tu une idée ?
Merci d’avance
16 novembre 2008 à 12h35
C’est du au type de redirection, tu le fais via une iframe (cadre). Dans ce cas précis tu dois faire une redirection directe pour que ça fonctionne. Le principe d’iframe est totalement déprécié à cause du mauvais référencement. Le mieux est de faire une redirection via htaccess (tu perdras de toutes façons l’adresse du .fr en barre d’adresse)
16 novembre 2008 à 12h49
Merci de ta réponse. Toutefois, n’étant pas expert, je t’avoue que je ne comprends pas tout.
Comment faire une « redirection via le .htaccess » ?
Et que signifie que je perdrai « adresse du .fr en barre d’adresse » ?
Merci d’avance
Cordialement
16 novembre 2008 à 12h53
Ton registrar (1AND1 si je ne me trompe pas ?) doit te proposer une redirection web dans l’interface de gestion, et j’imagine que c’est là que tu as mis l’adresse du site en .free.fr. Disposes tu d’un espace d’hébergement chez 1AND1 ou bien tu as juste le nom de domaine ? Je ne me souviens plus de l’interface qu’il y a chez eux tu dois pouvoir faire soit une redirection directe via l’interface, soit tu as un espace d’hébergement (1Mo suffit) pour placer une redirection en dur (.htaccess).
16 novembre 2008 à 14h22
Non, je n’ai pas d’espace d’hébergement chez eux. J’ai juste le nom de domaine.
16 novembre 2008 à 14h30
Dans ce cas peux tu faire une capture d’écran de l’interface là ou tu as précisé ton site .free.fr ?
16 novembre 2008 à 14h47
Ne te moques pas mais après avoir fait la copie d’écran : comment je fais pour l’envoyer dans le commentaire…
16 novembre 2008 à 15h25
je t’ai contacté par email pour résoudre ton souci
21 novembre 2008 à 1h24
Bon soir, je vous remercie d’avoir publier cette article sur favicon de free ^^
Enfaite, il y a un petit point qui est pas expliquer dans votre article: quelle est la taille de favicong.gif « 16x16pixels ?? »
J’ai aussi le même problème que Bizibuzz => j’ai une adresse free.fr et j’ai acheté un domaine en .fr sans hébergement. j’aimerais bien que vous me faites partager la solution si vous l’avez trouver ^^
merci encore pour ses magnifique astuces
21 novembre 2008 à 11h06
La taille de la favicon n’est pas très importante dans le sens ou les navigateurs la réduise à 16×16, donc oui l’idéal est de la créer dans ces dimensions.
Pour le reste comme je l’ai dit à bizibuzz, c’est du à une redirection par frame (iframe), il faut faire une redirection directe (HTTP) vers le .free.fr (les gens ne verront plus le .fr en barre d’adresse).
15 février 2009 à 16h02
Merci bcp pr ce mini tuto tout clair, tout simple et pédagogique !!
12 mars 2009 à 19h10
Très bon tuto mais je peux pas le faire car j’ai déjà un « .htaccess » à la racine pour l’exécution forcée du php 5 avec le plugin piclens pour wordpress
Connais-tu une solution sans .htaccess ?
12 mars 2009 à 23h04
@Chtiben : cela ne gène en rien, un fichier .htaccess peut très bien comporter plusieurs lignes de configuration
13 mars 2009 à 8h33
J’ai réessayé avec un htaccess comme suit :
« php 5
RedirectPermanent /favicon.ico http://chtibenphotos.free.fr/favicon.gif »
accompagné d’un favicon.gif en 16*16 le tout à la racine du site web mais rien n’y fait…
Si tu as une idée, je suis preneur.
13 mars 2009 à 9h28
@Chtiben : de mémoire ce n’est pas « php 5″ mais « php 1″ qui permet d’activer PHP5.
En supprimant cette première ligne, la favicon apparait-elle ?
13 mars 2009 à 9h31
Non si je supprime la première ligne ça n’apparait pas et de plus ma page web ne s’ouvre plus à cause du php 5 non activée !
15 décembre 2009 à 14h49
do you know who markets lexapro tablets = generic form of lexapro generic form of lexapro = lexapro side effect buy lexapro australia = safe fed ex cheap lexapro without perscription = buying generic lexapro buy relenza lexapro = lexapro without a prescription canadian lexapro no dr = 50mg online doctors buy lexapro australia = how do you use lexapro from canadian pharmacy money order lexapro = lexapro online in canada lexapro sex domination = medicine lexapro medicine lexapro
21 juin 2010 à 16h22
Salut,
bien que l’article date, je me permet d’ajouter cette autre solution : insérer une balise META dans la page entre les balises HEAD :
Avantages : on peut la mettre où on veut (ex.: href= »/images/icones/favicon.png »)et elle peut être en gif ou en png (favicon.ico, favicon.gif ou favicon.png).
21 juin 2010 à 16h24
Ah, évidemment, le code ne passe pas
21 juin 2010 à 16h24
Bon :
link rel= »shortcut icon » type= »image/png » href= »favicon.png »
Le tout entre
21 juin 2010 à 16h26
Le tout entre plus grand que et plus petit que (voir une balise meta existante pour exemple : code source de cette page par exemple).
17 octobre 2010 à 17h54
Merci pour cette astuce rapide, pratique et efficace.
29 octobre 2010 à 17h15
Bonjour,
Tout d’abord merci pour tes explications
cependant je n’arrive pas à utiliser ta technique
je dois préciser être sur mac OsX utilise texedit pour le script
et cyberduck pour l’upload.
Si tu avais le temps de te pencher sur ma requete
merci d’avance
23 décembre 2010 à 16h03
@Mr Xhark: a oué ben…
Perso j’utilise Joomla! chez free mais il me faut mettre la ligne « php 5″ dans htaccess. Donc je me retrouve avec deux lignes dans mon code et no problemo !
16 janvier 2012 à 16h22
Merci pour l’astuce !