[Traitement d'image] Image avec fond Transparent [Résolu]

[Deallyra]

Bonjour,

J'ai regardé attentivement le débat sur les images pour tenter de trouver une réponse mais... j'aimerais un avis plus... concis

J'ai des images de petites tailles. Du 80*50 px
le truc c'est que je dois les poser sur une image. Donc le fond doit être transparent.

PNG => Oui mais seulement quand tout le monde sera sous IE7... (ou FF hein :p)

GIF => J'ai encor des bords à mon image... c'est franchement pas esthétique...

Mon site est réalisé dans le cadre d'un stage pour une entreprise... Je ne peux pas me permettre de laisser l'image telle quelle.


Donc, pourrais-je avoir vos conseils pour savoir sous quel format l'enregistrer, quelle qualité...
J'utilise PaintDotNet et PaintShopPro v9

[Deallyra]

j'ai donc lu (et testé) ça
pour les png mais ça ne marche pas.
j'ai mit le script dans le head puis, pour l'image

Code :

1
2
<img src = "Image/Borg_Center2.png" width = "125px" height = "73px" alt = "" />

Help please

[Candygirl]

Si tu as un petit nombre d'images, tu peux le faire manuellement via le css (à mettre via un commentaire conditionnel pour IE6). Un exemple:

Code html :

<img src = "Image/Borg_Center2.png" width = "125px" height = "73px" alt = "" id="borgCenter2" />

Code css :

1
2
3
4
5
6
 
#borgCenter2 {
  width:0;height:0;
  padding:73px 125px 0 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='Image/Borg_Center2.png');
}

A noter que cela ne passera que sur IE6, la 5.5 qui reconnaît aussi le filtre n'est pas capable, sauf erreur par contre de jouer avec le padding de l'image. Autrement j'imagine que tu peux passer par le gif transprent mais je n'ai jamais testé et tu dois alors, il me semble, utiliser le js pour modifier la source de ton image.

[Deallyra]

Merci CandyGirl

C'est bon.