[TUTO] Transparence des avatars

[Azrakel]

Salut a tous.

A l'origine c'était un topic de demande parceque j'avais un problème de transparence avec les avatars, mais désormais j'ai décidé d'en faire un petit tuto pour aider les autres.

Si jamais vous avez une image avec un effet de transparence, que vous désiriez la mettre en avatar dans les commentaires de news ou bien sur le forum (format PNG ou GIF) et que la transparence ne s'affiche pas, votre avatar peut s'afficher comme ceci :

Une solution ? Bein oui.

Il ne faut pas que l'avatar soit trop grand, si il est trop grand, l'avatar sera redimensionné, et l'effet de transparence n'apparaîtra pas. Utilisez donc de préference un avatar aux alentours des 120px de largeur sur 120x de hauteur environ. (l'avatar ne sera pas redimensionné et l'effet de transparence sera conservé).

Si tout ce passe bien, ça devrait donner ceci :

L'avatar de notre bien aimé David_L ( ), vous pouvez voir l'effet de transparence autour de la tête de son avatar, le tout en image PNG.

Si ça ne marche toujours pas, il faudra bien faire attention que l'avatar ne pèse pas plus que 15ko (de toute façon si il pèse plus de 15ko, il s'affichera pas, tout simplement).

Mais si le problème persiste, il peut subvenir encore un problème. En effet, si vous avez utilisé une image au format PNG pour la mettre en avatar mais que vous utilisez Internet Explorer, ça ne marchera pas, l'effet de transparence ne s'affichera pas. Pour afficher une image avec effet de transparence sous IE, il vous faudra la convertir en GIF, ou bien convertir une image PNG mais l'afficher en 256 couleurs (mais dans ce cas, le PNG aura une qualité de GIF).

Si vous désirez mettre un effet de transparence pour les images, utilisez GIMP (que je recommande ), ou bien encore Photoshop, Paint.net... De nombreux logiciels permettent de créer des effets de transparence.

Voilà, je pense avoir tout dit.

PS : Merci a keneda212.

PS² : Merci theo.

[Amour]

testé sous quel navigateur ?

Si IE6, normal

[Azrakel]

Ah oui, j'ai oublié de préciser c'est vrai, mon nav' c'est Firefox, donc c'est pas normal.

[keneda212]

y'a deux truc : si tu le fais en png, faut le sauvegarder en mode transparence unique (je crois) en configurant bien la zone de transparence

et si ton image est trop grande, et qu'elle se fait redimensionner par le site, elle perdra sa transparence automatiquement, donc faut un avatar a la bonne taille

[Azrakel]

Ah d'accord merci, je pense peut-être que c'est la taille, il fait 181 pix sur 181.

Bon, bah vais essayer ça.

EDIT : C'est bon ça marche, merci Kenny.

[Quarky]

Ca pourrait aider les autres

[keneda212]

faut dire que j'avais tellement peiner a arriver a faire le mien (un ancien) que maintenant je peux aider correctement

[Azrakel]

Finalement j'ai pas mis [RESOLU], je me suis permis de créer un petit tuto, ça sera utile pour aider les autres qui peuvent avoir le même problème.

[keneda212]

et tu peux faire pareil pour ton avatar sur le forum : une petite suppression du contour bleu, remplacé par la transparence ^^

[Azrakel]

Ouais c'est vrai, j'y avais pas pensé.

EDIT : Mwahahahaha.

[theocrite]

C'est faux. Les png peuvent rendre correctement sur bouze explorer 6.

Il faut juste passer le png en mode castré (en mode comme du gif quoi). Et ça fonctionne... Comme du gif.

Pas pas de gestion du canal alpha, une seule et unique couleur de transparence.

[Azrakel]

  theocrite a dit :

Il faut juste passer le png en mode castré (en mode comme du gif quoi). Et ça fonctionne... Comme du gif.

Ouais mais dans ce cas ça rends aussi moche qu'un GIF nan ?

[theocrite]

Oui c'est aussi moche. Mais la partie fausse c'est "il faudra passer en gif", alors qu'il suffit de la convertir en mode compatible gif (256 couleurs indexées).

[Azrakel]

Ok, merci, j'ai corrigé ça.