Discussion :

[dev7]

Bonjour,

Je copie des images bouton du net que je souhaite intégrer dans mes applications mais j'ai un fond vert et lorsque je mets une image copiée sur ma page web il y a le fond blanc et c'est deguelasse.
Quelqu'un a une idée comment mettre un fond transsparent a mon images

Merci

[mathieu]

Qu'est ce que tu utilises comme logiciel graphique pour faire tes images ?

[Anduriel]

Avec Adobe PhotoShop Elements je créé une image en GIF qui a un fond transparent.

[Invité4]

Tes images doivent etre au format gif ou png, ces format gèrent la transparence.
Le programme gratuit "The Gimp" te permet d'enregistrer une image dans un de ces formats.

[Yoshidu62]

Je viens d'avoir le même genre de problème, j'ai créer une image avec fond transparent que j'ai placé sur une page web, l'image était au format .png, sous firefox pas de problème la partie transparente prend la couleur du fond, mais pr contre sous IE comme d'habitude ça merdouille, lui la partie transparente il met une couleur grisate

Bref j'ai du refaire mon image et remplacer la partie transparente par la couleur correspondant au fond de ma page web.

[ Edit : en fait je viens de voir que c'est pas trop ça ton problème , donc pour répondre à ta question, The Gimp te permet de faire des images avec un fond transparent, utilises le format .png ou .gif pour enregistrer ton image ]

[marsupix]

pour Yoshi:
On y peut rien IE ne gère pas (encore?) la transparence png sur 24bits.

pour dev7:
Tu as l'accord de l'auteur de ces boutons pour les utiliser ?
voler c'est mal (enfin moi j'aimerais pas qu'on me pique mes design à tout va)
Sinon pour supprimer le fond blanc install photoshop (version démo téléchargeable gratuitement) et il y a l'outil gomme magique. tu clique sur le blanc et hop magie il s'en va...

[cybercandyman]

Un peu de javascript régle l'affaire pour la transparence des png sous IE

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
var arVersion = navigator.appVersion.split("MSIE")
var version_fureteur = parseFloat(arVersion[1])


	if ((version_fureteur >= 5.5) && (document.body.filters))
	{
		for(var i=0; i<document.images.length; i++)
		{
			var img = document.images[i]
			var imgName = img.src.toUpperCase()
			if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
			{
				var imgID = (img.id) ? "id='" + img.id + "' " : ""
				var imgClass = (img.className) ? "class='" + img.className + "' " : ""
				var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
				var imgStyle = "display:inline-block;" + img.style.cssText
				if (img.align == "left") imgStyle = "float:left;" + imgStyle
				if (img.align == "right") imgStyle = "float:right;" + imgStyle
				if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
				var strNewHTML = "<span " + imgID + imgClass + imgTitle
				+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
				+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
				+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
				img.outerHTML = strNewHTML
				i = i-1
			}
		}
	}

Le code est pas de moi mais fonctionne
Bonne journée

[marsupix]

pour les images png24 mises en fond en css aussi ??
car j'avais trouvé un truc made in microsoft dans le genre, mais ça ne marchait que pour les png dans des balises <img>...

[cybercandyman]

Malheureusement la magie s'arrête aux balise img avec ce script
mais ... il y'a une solution apparemment juste ici qui utilise également le filtre IE.
A priori ca marche aussi avec les 24bits.
++

Edit : en prenant le temps de regarder, c'est le même principe que le script que j'ai proposé mais en plus propre. ca fonctionnera donc pas pour les img en background déclarés dans les css.