Favicon transparente
RésoluJe 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 ...
15 réponses
Le fil porte sur la création d'une favicon transparente et sur les difficultés rencontrées pour obtenir un fond transparent sur tous les navigateurs, malgré l'utilisation d'un PNG 16x16 et d'une conversion en ICO. Des réponses évoquent plusieurs pistes: privilégier une favicon en PNG (ou GIF) compatible avec la transparence dans les navigateurs, certains recommandant ICO pour les icônes, et ICOFX comme outil pour créer des ICO transparentes. En cas de fond transparent, des remarques indiquent que la gestion dépend du format et de l'outil de conversion, certains navigateurs acceptant PNG directement, tandis que d'autres privilégient ICO. Des participants préconisent aussi d'utiliser PNG comme favicon lorsque le navigateur le supporte, afin d'assurer la transparence sans passer par le format ICO classique.
-
Je ne sait pas si ça te servira : http://www.supportduweb.com/...
-
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
-
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 ? -
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 -
Hmm ce casser la tête juste pour un favicon ..
-
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 -
Modérateurtransparente ... ???
au format ico = non !
au format png = voir en combien de bits ...
sinon le plus simple: gif :-) -
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. -
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 ;) -
On peut très bien avoir un favicon non transparente tu sais ..
-
certes ;) mais je trouve ça moins esthétique.
-
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" />
-
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. -
Modérateurç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 ? -
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.