SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2010
    Posts
    28
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Alpha transparency difference PS and Firefox

    Hello everyone!

    I'm not sure I understand everything I'm doing here and that's why I'm asking for your help

    In Photoshop CS5, I have a simple shadow with alpha transparency on it.

    • When I put a white background and when I use a color picker on a certain part of the image, it gives me, let's say, #DADAD9
    • When I export the image using "Save for web" and open it in Firefox/IE8/Safari/Chrome/Windows viewer on a white background, that certain part gives me #DAD9D8
    • If I open the file back in Photoshop and assign it a white background, it gives me #DADAD9 again.


    I've tried every color profile setting possible.

    Is there a difference in the way PS and the others blend the transparent color with the white background?

    Thanks!

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    It might just depend where you are clicking on the image. Each pixel might give a slightly different result, given that it is a shadow.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Guru
    Join Date
    Jan 2007
    Posts
    967
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    It wouldn't be surprising if each browser interpreted the blending slightly differently.

    -Michael

  4. #4
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,791
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    Actually I have run into this problem myself. PS embeds a whole bunch of info ( file bloat) in the form of color profiles. Some browsers read this and make correction some don't . For example the same graphic probably appears fine in Safari or Chrome! If this is the case Try either of these methods and see which one is preferable to you.

    1) make sure you have convert to sRGB checked.
    2)you could use a utility like ImageAlpha to not only make the file smaller but get rid of the annoying extra data.

    this will help your colors MATCH within the same screen. but the way each UA and platform interprets color varies , as does with the OS, and sometimes even just the monitor itself.

  5. #5
    SitePoint Enthusiast
    Join Date
    Mar 2010
    Posts
    28
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello all and thank you for your answers!

    @ralph.m : No, each horizontal line is one color and I pick the top line so no mistake there.
    @eruna : Yep, that may be it, unfortunately
    @dresden_phoenix : I had already tried with sRGB on and off, by disabling color profiles, by using RGB proof model, by using pngout to disable all extra data in the file. Nothing...

  6. #6
    SitePoint Guru
    Join Date
    Jan 2007
    Posts
    967
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    PNG also has a gamma parameter that is supposed to correct the image to look right on different monitors. It frequently causes color matching problems. There is no way to remove it in Photoshop, but you can find software to strip it out.

    E

  7. #7
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,791
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    PNG also has a gamma parameter that is supposed to correct the image to look right on different monitors. It frequently causes color matching problems. There is no way to remove it in Photoshop, but you can find software to strip it out.
    This is why I suggested using a utility like ImageAlpha.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •