Bonjour à tous.

Ça fait quelques temps que j'ai été peu présente, depuis que je me suis reprise en main suite à ma série de crises d'angoisse que j'ai eue il y a un mois et demi. J'ai aussi été pas mal occupée avec les commandes. Là je reviens avec un nouveau problème que je ne sais pas où classer, d'où pourquoi je le poste dans cette section.

Maintenant, je viens faire part d'un noueau problème qui est apparu avec l'upgrade de mon Firefox vers 3.6 sous Ubuntu.

Auparavant, j'ai déjà eu un problème d'assombrissement des PNGs, mais sous Internet Explorer. Suite à des investigations, je m'étais rendue compte que ça venait de l'enregistrement du gamma. À partir de cette découverte, je me suis mise à toujours m'assurer que "Enregistrer le gamma" était toujours décoché lorsque j'enregistre un PNG sous Gimp.

De ce fait, je n'avais plus de problème d'assombrissement... jusqu'à ce que je passe de Firefox 3.0 à Firefox 3.6 sous Ubuntu Jaunty (voir les détails ici).

En effet, j'ai découvert sur l'un de mes thèmes phpBB3 que les coins que le cadre aux coins arrondis que j'avais fait était assombri sous la nouvelle version de Firefox. En vérifiant sur d'autres pages utilisant des PNGs, je constate également le même problème d'assombrissement ou d'éclaircissement.

Si vous avez FF 3.6, je vous montre donc ces deux liens et comparez avec IE, Opera et même FF 3.0 (avec une version portable) :
http://ishimaru-design.servhome.org/tests/phpBB3/stylesdemo (sélectionner "id_provalentina" dans le menu des styles. Regardez aussi le style pro_ubunty, il y a également une coloration bizarre pour les PNGs ce ce style)
http://youwontfindme.editboard.com


Suite à ça, j'ai fait des tests sur mon phpBB3 de test que j'ai en local : J'ai ré-enregistré l'une des composantes du cadre en cochant "Enregistrer le gamma" cette fois, et le résultat en est assez éloquent : L'affichage redevient correct sous FF 3.6, mais assombri sous IE7 (installé avec wine)
Je joins ici les deux captures, le premier avec Firefox 3, et le deuxième avec IE7. Le haut du cadre a un gamma, les autres parties n'en ont pas :
http://sd-1.archive-host.com/membres/images/miniatures/573382964/divers/png-assombri-ff3-6.png http://sd-1.archive-host.com/membres/images/miniatures/573382964/divers/png-assombri-ie7.png

Cela pose donc à nouveau un problème au niveau de la fausse transparence, car des fois je ne peux pas faire autrement (comme les coins que j'ai mentionnés), mais je n'ose pas toujours enregistrer en gif ou en jpeg à cause de la perte potentielle de qualité.

Donc si on peut arriver à en découdre, cela aiderait pas mal pour les situations comme la mienne, surtout que ce qui est le plus étrange, c'est que ce skin-ci, qui utilise également des PNG avec fausse transparence, n'a aucun assombrissement ni sur IE, ni sur FF 3.6 et ces images ont également été faits avec Gimp !
http://en.hitskin.com/search-a-skin/valentina-fr-129771.htm

Merci d'avance.

Ishimaru
Modifié par IshimaruChiaki (04 Apr 2010 - 08:12)
Hello,

Avec un IE7 natif sur un Windows XP sous VirtualBox, je n'ai pas ces soucis de transparence : tout est ok Smiley sweatdrop

Dans une review sur Wine exécutant IE7 (même si elle date de février 2009), on peut lire à la fin qu'il subsiste quelques problèmes/bugs.
Peut-être le tien en fait-il partie ? C'est une piste probable Smiley cligne

Si tu le peux, tente d'installer un windows "virtuel" et d'avoir donc IE7 dessus pour voir si cela est bien un problème venant de Wine+IE7 Smiley smile
A priori, ça pourrait bien être ça.
J'ai déjà essayé via IE Net Renderer, une extension Firefox qui permet d'avoir une capture de l'aperçu sous IE6, IE7 et IE8, mais j'ai ce même souci d'assombrissement. J'ai aussi déjà essayé avec Browsershots.

J'ai encore Windows XP à côté de mon pingouin, mais je ne me souviens plus c'était quand la dernière fois que je l'avais booté.

Mais par contre, j'ai toujours pas la réponse : Est-ce que t'as Firefox 3.6 ? Si oui, as-tu cet assombrissement du cadre dans le thème Valentina du forum phpBB3 ?
J'ai FF 3.6 (3.6.3 pour être précis), en effet, et n'ai pas rencontré de problème d'assombrissement des PNG.
Que ce soit avec FF 3.6, IE7 natif, IE8, Chrome ou Opera, aucun souci au niveau des transparences de ce thème n'est visible de mon côté.

Sois prudente avec les "IE Net Renderer" et autres Browsershots, car leur rendu n'est pas strictement le même que dans un IE natif. Les différences de rendu qu'on suppose être des bugs peuvent très bien être un bug de ces extensions ou émulations d'IE : elles sont loin d'être des émulations parfaites d'IE Smiley smile

C'est pour cela que je te demandais de regarder sur un windows natif (ou virtualisé), histoire d'être certaine que le problème provenait bien d'où tu supposais (ou pas), sachant qu'aucun souci n'est présent, après test, sur les versions natives de ces navigateurs Smiley cligne
Modifié par Ladytron (04 Apr 2010 - 18:42)
Je viens de tester sur Windows XP et voici mes résultats.

FF 3.6 -> Pas d'assombrissement sur les PNGs, qu'ils aient un gamma ou non
IE7 -> Assombrissement sur les PNGs avec gamma

Les captures :
http://img.photobucket.com/albums/v381/ladykatt/png-ff3-6-winxp.png
http://img.photobucket.com/albums/v381/ladykatt/png-ie7-natif-winxp.png

Pourrais-tu re-tester sur mon forum de test ? Car j'ai remplacé l'un des morceaux du cadre (le haut) par une image avec gamma. Car les captures que j'avais montrées dans le premier posts avaient été pris SUR LE FORUM EN LOCAL et non SUR LE FORUM HÉBERGÉ

Car jusqu'à maintenant, voici ce que j'ai comme résultat :
- IE7 : Assombrit les PNGs avec gamma, que ce soit une version émulée ou une version native
- FF 3.6 : L'assombrissement des PNGs sans gamma ne survient que sur la version Linux (À confirmer dans mon sujet sur phpBB-fr où un membre m'a rapporté le même souci, j'attends sa réponse sur l'OS utilisé).

[EDIT] le gars de phpBB-fr qui a le même problème est sur Seven.
Modifié par IshimaruChiaki (05 Apr 2010 - 02:03)
Je relance car là depuis que j'ai constaté le problème, j'ai eu à suspendre les commandes que j'ai en cours par crainte de devoir tout refaire, et cette situation m'angoisse pas mal !

Merci d'avance.
Bonjour,

Cette différence est perceptible parce que vos PNG sont très mal encodés, disposent de données différentes (sRGB, bKGD et gAMA), l'un est en TrueColor, l'autre en TrueColor+alpha.

Si vous disposez d'un environnement Win32, optimisez vos PNG avec le ScriptPNG [Option 2], cela vous permettra de résoudre ce problème, et de diminuer le poids de vos fichiers.
Désolée de répondre en retard, j'ai été pas mal occupée, en plus que j'ai cette peur de n'avoir jamais de réponse après avoir répondu, et cette peur est plus forte quand je poste ici.

original.defeat a écrit :
Bonjour,

Cette différence est perceptible parce que vos PNG sont très mal encodés, disposent de données différentes (sRGB, bKGD et gAMA), l'un est en TrueColor, l'autre en TrueColor+alpha.

Si vous disposez d'un environnement Win32, optimisez vos PNG avec le ScriptPNG [Option 2], cela vous permettra de résoudre ce problème, et de diminuer le poids de vos fichiers.


Pour info, je suis sur Linux à 99% du temps, mais j'ai Windows XP à côté. Je travaille mes images avec GIMP, et voici ce que j'ai comme options quand j'enregistre en PNG. upload/26603-options-pn.png

Je viens juste de remettre gfx.color management.mode à 2 dans la config de Firefox (je l'avais mis à 0 pour ne plus avoir le problème d'affichage) pour pouvoir tester, et je viens de tester en passant un des morceaux assombris sous OptiPNG et PNGCrush avec les options par défaut, sans succès.

Je n'y connais pas grand chose dans c'tes affaires-là (gamma, ICC, etc.). La seule chose que je sais, c'est de ne pas enregistrer le gamma afin d'éviter le problème sous IE, mais justement c'est quand il n'y a pas de gamma que le problème survient sous FF 3.6 !

[EDIT] En effet, j'avais deux images avec un canal alpha, mais c'était volontaire car je voulais tester, mais ça ne faisait aucune différence. Je viens de tous les réenregistrer sans canal alpha, toujours le haut avec gamma et les autres sans gamma. Pourrais-tu retourner voir si ça a changé ?

En passant, je mets aussi le lien vers le sujet où j'en ai parlé sur Geckozone : http://www.geckozone.org/forum/viewtopic.php?f=5&t=83418
Modifié par IshimaruChiaki (24 Apr 2010 - 08:31)
ENFIN JE L'AI EU !!!

En me renseignant sur les profils ICC, j'ai vu des mentions sur sRGB, et que pour l'avoir, il fallait que je télécharge un fichier .icc. En faisant une recherche, je suis tombée sur ceci : http://www.color.org/srgbprofiles.xalter

J'ai donc téléchargé le fichier donné sur le site, ajouté ce profil dans les configs de la gestion des couleurs de GIMP, puis j'ai assigné ce profil à l'une des images pour tester et... BINGO ! Le morceau de gauche n'est maintenant plus assombri, que ce soit sous IE ou sous FF 3.6 !
Vous pouvez le constater : http://ishimaru-design.servhome.org/tests/phpBB3

Cela va donc signifier une grosse mise à jour de l'ensemble de mes styles pour forums par contre Smiley ohwell Ainsi qu'un nouvel article de blog dont je ne sais pas encore si je vais le poster dans le blog actuel ou dans le futur blog qui remplacera l'actuel.
Testé à l'instant à l'adresse donnée sur Mac (Firefox 3.6): le coin haut-gauche, le coin haut-droite, et la bordure de droite sont plus sombres que le fond global.

Je te recommande fortement d'utiliser Smushit. Si après ça tu as toujours des décalages de couleurs, c'est que ce ne sont pas les mêmes couleurs.
http://www.smushit.com/
Celui que j'ai traité avec le profil est le CÔTÉ gauche qui se répète. Les coins dont tu parles, n'ont pas été traités.

Vu que j'ai encore cette impression de ne pas avoir été assez explicite, je poste ici un schéma où pour chaque morceau, j'indique s'il y a eu traitement ou non, et si oui, le traitement utilisé.
upload/26603-schema-coi.png
Il reste que déclarer un profil colorimétrique dans un PNG pour avoir des couleurs raccord est une MAUVAISE solution. Si tu déclares du sRGB mais que le système d'exploitation utilise un profil colorimétrique différent (typiquement, sur un Mac, mais pas uniquement), tu aurais des différences de couleur:
1. tes images avec l'info "sRGB" seront rendues avec le profil sRGB;
2. les images sans info de profil colorimétrique et les couleurs CSS seront rendues avec le profil du système.

Si le profil du système est sRGB, c'est raccord. Sinon, c'est pas raccord.

La solution est donc de s'assurer qu'on est TOUJOURS dans le deuxième cas de figure pour les éléments d'interface. Donc AUCUNE information de profil colorimétrique pour les images PNG, pas de correction gamma. Si tu te places dans le premier cas de figure (images PNG avec info de profil sRGB), tu prends un risque.
Là je viens de tester en smushant les 8 morceaux de mon cadrage pour ensuite remplacer les anciennes images par les nouvelles pour ensuite rafraîchir le style et le cache du navigateur et... oh torrieux ! Ils ne sont plus assombris, ni sous FF, ni sous IE ! Je viens donc de les uploader : http://ishimaru-design.servhome.org/tests/phpBB3

Je ne pensais pas que smushit règlerait le problème, puisque ça n'avait pas marché quand j'essayais avec les deux utilitaires d'optimisation en ligne de commande que j'avais (optipng et pngcrush) ! De plus, je pensais que ça n'avait rien à voir avec les problèmes de couleurs qui ont déjà été évoqués dans le passé avant même l'arrivée de Firefox 3.5 !

Note to herself : smusher toutes mes images qui sortent de Gimp pour mes styles !

Sur ce, je file vers mon blogue pour aller écrire un article là-dessus.