Gestion de la transparence des images sur un site web

Gestion de la transparence des images sur un site web - Web design - Graphisme

Marsh Posté le 05-07-2005 à 15:25:09    

Bonjour,
 
J'ai un petit souci, j'essai de rendre une partie de mon menu transparente, pour cela  
je crée mon menu ainsi qu'un couche alpha qui représente la zone transparente que je veuw avoir sur mon site, et j'enregistre au format gif,
 
le résultat est que la zone voulue est bien transparente mais le rendu est un peu pixélisé et ciselé
à l'endroit ou la zone de vient transparente, comment faire merci !

Reply

Marsh Posté le 05-07-2005 à 15:25:09   

Reply

Marsh Posté le 05-07-2005 à 16:45:54    

bjour
une image d'exemple serait la bienvenue
 
un GIF utilise une palette indexée de 256 teintes maximum
et seul 1 teinte peut être transparente
 
il n'y a pas besoin de la couche alpha ici, laisse apparaitre le fond transparent sous photoshop et quand tu passe l'image de rvb en couleurs indexées, coche la case "transparence"
(pour info, la couche alpha gère les niveaux de transparence progressifs, seul le PNG le gère correctement, mais je ne pense pas qu'avec internet explorer le png soit correctement géré)
 
donc, si tu as des antialiasing partout, forcément, lorsque tu demande à 1 teinte d'être transparente, seule la grande surface couleur est transparente et cet effet d'escaliers devient fort visible
 
la seule solution est de bien étudier pourquoi tu as besoin de transparence et comment t'en passer
sinon, il te faut faire l'antialiasing a la main, au pixel par pixel, c'est long et pas toujours efficace, ca dépends de ton besoin si l'image transparente apparait sur une image fixe ou sur quelque chose qui bouge.

Reply

Marsh Posté le 05-07-2005 à 17:14:46    

ok merci beaucoup pour l'explication,
effectivement le png ne marche pas,
l'image transparente apparait sur une image fixe,
comment faire l'antialiasing à la main ?

Reply

Marsh Posté le 05-07-2005 à 17:32:50    

Reply

Marsh Posté le 05-07-2005 à 17:53:28    

merci bcp !
j'espère que ça va marcher !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed