Favicon transparenteRésolu/Fermé

Question

Bonjour, 

Je n'arrive pas à créer une favicon transparente, j'ai beaux faire, rien n'y fais.

j'ai utilisé le tuto de comment ça marche pourtant :S

- Je crée une image de 16X16
- Je met en fond transparent et enregistre en png
- Je converti en .ico grâce au lien de comment ça marche : 

https://www.commentcamarche.net/faq/332-favicon-l-icone-de-votre-site-dans-la-barre-d-adresse

- Je met sur mon site avec la version comprise par IE :

<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico" />

- En ligne, quelque soit le navigateur, j'ai ma favicon avec un fond blanc.

j'ai regardé le code des grand sites (youtube, deezer, ...) ils utilisent tous ce code et pourtant ont de la transparence.
Je pense que le soucis viens de mon image, mais je ne trouve pas le soucis ...
Configuration: Mac OS X / Firefox 3.6.13

Utilisateur anonyme · Answer

Je ne sait pas si ça te servira : http://www.supportduweb.com/...

mimigenie · Answer

A mon avis, le problème vient du favicon en lui même, le plus simple serait de le laisser en png pour être sur qu'il garde la transparence mais je ne sais pas si tout les navigateurs supportent le png comme favicon

kiyomasa · Answer

ce qui est bizzare, c'est qu'une émoticone c'est un bitmap en fait. 

C'est impossible de créer une bitmap transparente alors comment font ce qui mettent un .ico sans fond comme deezer par exemple ?

eliancra · Answer

Bonjour kiyomasa ,
essaie d'aller dans le site  https://www.favicon.cc/ il te permet de creer ton propre favicon en ligne avec un fond transparent

devilpens · Answer

Hmm ce casser la tête juste pour un favicon ..

eliancra · Answer

bonjour devils(diable je suppose) 
tout le monde peut avoir un soucis même juste pour un tout petit peut. ce qui est résolu chez toi est un casse tête pour d'autre en tout cas nous sommes la pour nous entraider

bg62 · Answer

transparente ... ???
au format ico = non !
au format png = voir en combien de bits ...
sinon le plus simple: gif :-)

devilpens · Answer

Et avant de créer une icone transparante, il faut d'abord créer une image png ou gif. Dés que cette image est créer, je te conseille de télécharger le logiciel icoFX qui est un très bon logiciel pour créer des images ico transparante ..

Et la fin, il te reste juste d'enregistrer et de le mettre dans ton site.

Cordialement,

Devilpens.

kiyomasa · Answer

ok devilpens, j'essaierais icoFX dès mon prochain site.
Sinon, apparemment, un favicon te parait futile mais pour ma part, je trouve qu'un site qui n'en a pas aujourd'hui ne fais pas pro. Mais, ce n'est que mon avis ;)

devilpens · Answer

On peut très bien avoir un favicon non transparente tu sais ..

kiyomasa · Answer

certes ;) mais je trouve ça moins esthétique.

arthezius · Answer

Tu te posais la question pour le site Deezer, voici le code concerné:
<link rel="shortcut icon" type="image/x-icon" href="http://cdn-files.deezer.com/img/common/favicon.png" />

kiyomasa · Answer

Bon ben merci beaucoup, ça marche !! enfin.

ben je déconseille TRES fortement le lien donné par CCM. Il marche, pas de soucis, mais impossible d'avoir un .ico transparent.

bg62 · Answer

ça commence à faire un peu 'GROS' pour une simple histoire de 'transparence !!
 png : 
1 - à voir selon les navigateurs d'abord
2 - vérifier le version (nombre de bits)
... je sais je me pepeTTe   mais quand même là ce post il commence à ...
le mettre en 'résolu' serait une bonne solution non ?

sylvino · Answer

Quelqu'un a dit: 
"ce qui est bizzare, c'est qu'une émoticone c'est un bitmap en fait." 

C'est faux maintenant, ça a été rependu par des utilisateurs d'internet explorer et ce dernier ne gerait pas la transparence des icones. Maintenant il la prend en charge depuis internet explorer 7 je crois, alors qu'opera, firefox etc la geraient tres bien depuis longtemps. 

Vous pouvez prendre n'importe quelle image en png (transparent), jpg etc et la renommer en .ico et ça marchera ! L'extension .ico n'a jamais été un derivé du .bmp ! 

Quand vous ouvrez votre image en png ou une autre extension dans votre logiciel d'image, et que vous l'enregistrez sous le format .ico, tout ce qu'il fait c'est de changer l'extension sans rien changer de la qualité de l'image !

Suffit de voir maintenant le nombre de sites sous internet explorer dont l'icone est transparente pour une image dont l'extension est pourtant en .ico, mettant à neant tous les a-prioris de ceux qui pensaient jusqu'ici qu'une image en .ico etait une image bmp renommée.

Favicon transparente

15 réponses

Discussions similaires

Newsletters