4 Replies Latest reply on Apr 16, 2007 11:57 AM by Nick Barling

    Use Fireworks for PNG creation

    interstella
      I was using Photoshop CS1's save for web command, and choosing PNG format for some of the slices. Upon opening the resultant web page, there were color shifts in the PNGs (compared to the original as well as to the nearby solid color slices saved as gifs).

      After researching this, i came across two good links I'll share here:

      http://blogs.smugmug.com/don/2007/02/14/this-is-your-mac-on-drugs/

      and

      http://hsivonen.iki.fi/png-gamma/

      I've found that FW just works with it's PNGs. I never even knew of this issue until trying to PShop to export web PNGs...
        • 1. Re: Use Fireworks for PNG creation
          Level 1
          interstalla,

          It is all about Gamma correction. PC and Mac have different Gamma correction. Gamma correction itself have nothing to do with FW or Photoshop. It depends on how you "configure" your monitor setting specifically to address this very issue. Once you get your monitor configuration set correctly, say by Pantone Huey, then you'll do just fine.

          With Huey, there are a couple of different monitor configuration settings, say for web or print and things like that. It does the rest for you automatically or on the fly.

          Huey also configures your monitor rather often or frequently for obvious reason. Because if you work around your computer during daytime with broad daylight, this effect the quality of monitor right in the middle of broad daylight. That concept applies to night or work around in "dark room"-like, that also effect the quality of monitor setting.

          There is a little cool Huey sensor thing that is connected with your computer, it automatically monitors the sense of light change as you work. It sense the change of light and modify the appropriate screen monitor configuration setting to reflect the "real time" of light sensor being reflected by Huey sensor.

          I find that Huey works nicely for me, because I work a lot around with professional quality photo editing around Photoshop CS2, and few other applications such as Apple Aperture. I am very fussy about the quality of monitor correction as in gamma correction. Not only that, but I also want to see how Window setting looks like and how it differs from Mac OS, vice versa.

          Hope that helps and good luck.

          Cheers, Brian

          quote:

          Originally posted by: interstella
          I was using Photoshop CS1's save for web command, and choosing PNG format for some of the slices. Upon opening the resultant web page, there were color shifts in the PNGs (compared to the original as well as to the nearby solid color slices saved as gifs).

          After researching this, i came across two good links I'll share here:

          http://blogs.smugmug.com/don/2007/02/14/this-is-your-mac-on-drugs/

          and

          http://hsivonen.iki.fi/png-gamma/

          I've found that FW just works with it's PNGs. I never even knew of this issue until trying to PShop to export web PNGs...



          • 2. Re: Use Fireworks for PNG creation
            Nick Barling Level 1
            Hi,

            One other point that I would add when using PhotoShop CS2/3 for the preparation and viewing of graphic colors is the need to ensure that you are viewing your colors in the color space called sRGB. This was created by Microsoft and Hewlett-Packard in an effort to standardize how colors appear on monitors.

            Photoshop has a preset in the Color Settings dialog box, which uses sRGB as the default color space. So, in the Color Settings dialog (choose EDIT > COLOR SETTINGS) choose North America Web/Internet and RGB Working Space will be set to sRGB. RGB Color Management Policies will be set to Convert to Working RGB.

            You also need to set-up Proof Colors - Ensure this is set to Windows RGB (VIEW > PROOF SETUP > WINDOWS RGB.

            You can also manage, well at least see, what different Windows and MAC Gamma setting are doing to your images. sRGB uses a standard setting of 2.2, the same as Windows; MAC uses 1.8 but you can preview each setting by selecting VIEW > PROOF SETUP and choose Macintosh RGB if you are on a PC or substitute Macintosh RGB for Windows RGB if you are on a MAC.

            There is alittle more to all of this, especially if you are on a MAC, but there is help available in the Color Management topic in the Photoshop CS2/3 online help.

            regards

            Nick Barling
            www.barkingweb.com

            • 3. Re: Use Fireworks for PNG creation
              Level 1
              Nick,

              I believe that Adobe created sRGB profile setting, not by Microsoft or HP for that matter.

              quote:

              Originally posted by: Nick Barling
              Hi,

              One other point that I would add when using PhotoShop CS2/3 for the preparation and viewing of graphic colors is the need to ensure that you are viewing your colors in the color space called sRGB. This was created by Microsoft and Hewlett-Packard in an effort to standardize how colors appear on monitors.

              Photoshop has a preset in the Color Settings dialog box, which uses sRGB as the default color space. So, in the Color Settings dialog (choose EDIT > COLOR SETTINGS) choose North America Web/Internet and RGB Working Space will be set to sRGB. RGB Color Management Policies will be set to Convert to Working RGB.

              You also need to set-up Proof Colors - Ensure this is set to Windows RGB (VIEW > PROOF SETUP > WINDOWS RGB.

              You can also manage, well at least see, what different Windows and MAC Gamma setting are doing to your images. sRGB uses a standard setting of 2.2, the same as Windows; MAC uses 1.8 but you can preview each setting by selecting VIEW > PROOF SETUP and choose Macintosh RGB if you are on a PC or substitute Macintosh RGB for Windows RGB if you are on a MAC.

              There is alittle more to all of this, especially if you are on a MAC, but there is help available in the Color Management topic in the Photoshop CS2/3 online help.

              regards

              Nick Barling
              www.barkingweb.com




              • 4. Re: Use Fireworks for PNG creation
                Nick Barling Level 1
                Deaf Web Designer,

                You said, in response to my post:

                quote

                Nick,

                I believe that Adobe created sRGB profile setting, not by Microsoft or HP for that matter.

                end quote

                Please do not confuse ADOBE RGB with sRGB. They are different. Here is a link to Adobe's RGB color image encoding document:

                http://www.adobe.com/digitalimag/adobergb.html

                Here is a link to the ICC site, which has white papers and specifications on many RGB color spaces:

                http://www.color.org/

                Here is a link to the W3C's CSS3 color specifications, which talks about the standardisation of sRGB in CSS and HTML for the Web.

                http://www.w3.org/1999/06/WD-css3-iccprof-19990623

                And finally,

                Here is a link to a 1996 W3C document that details Microsoft's and Hewlett Packard's proposal to standardize color work space for the Web in the form of their joint sRGB color management program.

                http://www.w3.org/Graphics/Color/sRGB

                I hope this helps.

                regards

                Nick Barling
                www.barkingweb.com