
Hi,
I ran into a frustrating problem with PNG and JPG images in my Flex application. I used background color in my Flex application. When I embedded a PNG image with the same background color (using the Image tag) to the application I noticed that the background color in the image is being distorted in Flex Builder and in published SWF. I tried with JPG with the same result although the distortion was slightly different. I then tried using background image instead of background color in my Application and that gets distorted too. GIF images seem to work fine, no color distortion.
For example if I use background color #FAF8F5 in my Application, it stays the same when I publish it and use color picker or other tool to verify it from a screenshot. However, the color in the embedded PNG image (either in Image component or Application background) is changed to #F8F6F3, a noticable difference.
Here's an example. Notice the slightly different color square in the middle. This is a PNG image supposed to be in #FAF8F5 (the same as Application background set in styles), but when published it renders as #F8F6F3. The source viewing is enabled in this example.:
http://mikko.solinet.fi/colortest/colortest.html
I can get rid of the visible disparency between the image background and application background by using the same background color image as application background but then obviously the overall tone of the color is wrong throughout the entire application.
Any suggestions or ideas why this is so and how to get the correct colors in PNGs and JPEGs?
Thanks,
Mikko
Comments
PS. I haven't ran into similiar problems with Flash.
Reply to this Comment
osx leopard, firefox, player 10 r12.
NO COLOR DISTORTION AT ALL -.-''
Reply to this Comment
i found the exact error you're telling in the other monitor :)
sorry... my monitor sucks
i found this http://blogs.adobe.com/jnack/2008/10/get_better_color_through_fp10.html
stage.colorCorrection = ColorCorrection.ON
i hope it's useful ;)
Reply to this Comment
Reply to this Comment
Can you please file a bug against the Flex SDK including your source and we can see if there's something we can determine? I see the discrepancy as well when viewing on my Mac. Let me know the bug number so I can push it through.
Reply to this Comment
Matt and others,
I filed a bug report with the number SDK-18814 to Adobe Bug database. Thank you guys for testing it!
Reply to this Comment
You must assure, that the image is saved with the sRGB profile. I am almost sure, that Flash (and probably Flex too) is expecting the files to have this format. The bad thing is, that they do not look for the actual profile - they just take it for granted. This is how it worked in earlier versions - I'm not sure, if that persist as a problem, but from what you are writing it could be the issue
Reply to this Comment
Hi Ockley,
Yes, the PNG image was saved with sRGB IEC61966-2.1 profile which I think is also the default color profile in Photoshop, so this is not the cause of the problem. I have attached the source files to this message, if you wish to try it out yourself.
Reply to this Comment
I bought here, I've got the same error
Reply to this Comment
I have the same problem, but on a massive scale. My project is a DAM system with a Flex UI and we're have a @%*#@% of a time of finding settings that will stop or minimize the problem. If anyone finds a solution or Adobe has a set of best practices we can implement it would help a lot.
Reply to this Comment