July 24, 2014, 02:59:42 AM

Author Topic: Preserving colors (color space?) when uploading jpg files to this forum  (Read 2405 times)

notapro

  • Rebel SL1
  • ***
  • Posts: 84
    • View Profile
Hello, Everyone.

I changed monitors recently (low-end, consumer-grade, not graphics- or photography-specific), and Windows 7 Professional (64-bit) recognizes the replacement monitor and has assigned the associated ICC/ICM profile for it.

When I view images on my machine, they look fine.  When uploading them to the forum here, it's as if they've become desaturated or washed out.

I can simulate the desaturated look by viewing the jpg files with no color profile associated.  Once I make the association, the viewer I use recognizes it, and the image looks normal.  Photoshop renders the image properly all the time.  Even "Windows Preview" renders the image properly.

Does anyone know what I should do in order to upload an image here that will look "normal" and not desaturated?  I thought I had jpg files saved with embedded color profiles, but maybe I missed something.  With my other monitor, this issue did not exist.

canon rumors FORUM


polarhannes

  • Rebel SL1
  • ***
  • Posts: 83
    • View Profile
Some browsers do not have color management at all, some have it but it is disabled by default. I'd begin with googling your browser's name and color management.
"The camera is an instrument that teaches people how to see without a camera." - Dorothea Lange

Harry Muff

  • 7D
  • *****
  • Posts: 403
    • View Profile
    • My Flickr:
Always export as sRGB for use on the Internet. Some browsers and sites will handle ProPhoto but most won't.
Some cameras… With Canon written on them. Oh, and some lenses… Also with Canon written on them. Oh, and a shiny camera with Fuji written on it too...

Feel free to have a wander round my flickr

Pi

  • 1D Mark IV
  • ******
  • Posts: 937
    • View Profile
    • Math and Photography
Always export as sRGB for use on the Internet. Some browsers and sites will handle ProPhoto but most won't.

+1. Since you want others to view your images properly, you must assume that they do not have color managed browsers, and sRGB is the best space for that.

Jay Khaos

  • EOS M2
  • ****
  • Posts: 200
    • View Profile
The best way to get maximum resolution yet lowest file size (discards file info unnecessary for web view), in photoshop to go "file > save for web & devices..." and save as 24-bit PNG (you should be able to leave all default presets)

This should also make sure that whatever image you see in the save for web preview box will looks just like that in any browser.

(You can also export as jpgs like this but different browsers seem to deal with jpg compression differently)
5DIII | 85mm f1.2L • 70-200mm f2.8L IS II • 50mm f1.8 II

Jay Khaos

  • EOS M2
  • ****
  • Posts: 200
    • View Profile
*The reason I suggested save for web is that you can preview how the image will look in web based on your settings

I shouldn't have prefaced that with "the best way to get resolution...", but it is always the most efficient way to save out files when used on the interwebs—gives you the fastest loading, highest resolution photo you can expect for web
5DIII | 85mm f1.2L • 70-200mm f2.8L IS II • 50mm f1.8 II

privatebydesign

  • Canon EF 300mm f/2.8L IS II
  • *******
  • Posts: 2057
  • Ermintrude says "moo"
    • View Profile
The best way to get maximum resolution yet lowest file size (discards file info unnecessary for web view), in photoshop to go "file > save for web & devices..." and save as 24-bit PNG (you should be able to leave all default presets)

This should also make sure that whatever image you see in the save for web preview box will looks just like that in any browser.

(You can also export as jpgs like this but different browsers seem to deal with jpg compression differently)

Saving photo images as PNG-24 is a horrible suggestion, they are normally 3-10 times the size of a comparable jpeg, this means they load slower, take up more bandwidth and processor overhead etc etc. PNG has its applications, but photo images are not one of them.

Look at the comparative file sizes in this four way save for web, drag and drop to your desktop to read the numbers.
« Last Edit: July 26, 2013, 03:49:20 PM by privatebydesign »
The best time to plant a tree is twenty-five years ago. The second best time is today.

canon rumors FORUM


notapro

  • Rebel SL1
  • ***
  • Posts: 84
    • View Profile
Thanks for the notes on using sRGB.  I figured as much, and I believe I have Photoshop configured correctly to save things in sRGB.

I just uploaded an image that was saved in sRGB space in the past (before the monitor change), but it, too, came out looking less saturated.

I am inclined to think that the browsers (Firefox, IE) could be at fault here, but uploaded images are getting desaturated (only?) when uploaded to this site.  They look fine as e-mail attachments and when viewing within e-mail.

I appreciate all the thoughts so far and will continue to look into my problem.  I will even change back to the old monitor to see if things get "fixed" that way.

privatebydesign

  • Canon EF 300mm f/2.8L IS II
  • *******
  • Posts: 2057
  • Ermintrude says "moo"
    • View Profile
The best time to plant a tree is twenty-five years ago. The second best time is today.

Pi

  • 1D Mark IV
  • ******
  • Posts: 937
    • View Profile
    • Math and Photography
Always export as sRGB for use on the Internet. Some browsers and sites will handle ProPhoto but most won't.

as it now , use s-rgb
but if the world was mac influenced you can use what ever profile you want  and for example safari
(due the color management)

If the world was dominated by Windows (wait, it is!), you could just use Firefox with the color management plugin enabled.  :)

Jay Khaos

  • EOS M2
  • ****
  • Posts: 200
    • View Profile

Saving photo images as PNG-24 is a horrible suggestion, they are normally 3-10 times the size of a comparable jpeg, this means they load slower, take up more bandwidth and processor overhead etc etc. PNG has its applications, but photo images are not one of them.

Look at the comparative file sizes in this four way save for web, drag and drop to your desktop to read the numbers.
PNG has it's applications, and better resolution and color information (with higher file size as the tradeoff)... is one of them.  You'll notice the difference especially if you compare the same photo (jpeg/png) with a hard, crisp edge in it, or gradient from one color to another similar color. Check the artifacts in the highest quality jpeg above the top snail's log that's in focus.  Is that worth saving a few hundred kb in file size?  That's up to you... but judging by the fact that youre active in CR, I'd guess you appreciate details....

In general though: saving "for web & devices" out of photoshop makes it usable for web, whether its a png or jpeg.  I would guess that it would automatically deal with the color profiles... not 100% sure though
« Last Edit: July 26, 2013, 04:51:03 PM by Jay Khaos »
5DIII | 85mm f1.2L • 70-200mm f2.8L IS II • 50mm f1.8 II

privatebydesign

  • Canon EF 300mm f/2.8L IS II
  • *******
  • Posts: 2057
  • Ermintrude says "moo"
    • View Profile
PNG , Portable Network Graphics, is designed for graphics, that is illustrations that often have hard edges and gradients, they are very inefficient for jpegs of images. Not my opinion, recognised fact.

As for the artifacts you think you see, I suspect they are imaginary, don't forget this is a re-sampled screen shot of sub 100% views, there are so many stages of re-sampling here it is beyond imagination.

Overhead, sure a few hundred k is not much, however the logical extension is when you multiply everything by 3-10 times, you end up running 3-10 slower.
The best time to plant a tree is twenty-five years ago. The second best time is today.

Jay Khaos

  • EOS M2
  • ****
  • Posts: 200
    • View Profile
PNG , Portable Network Graphics, is designed for graphics, that is illustrations that often have hard edges and gradients, they are very inefficient for jpegs of images. Not my opinion, recognised fact.

As for the artifacts you think you see, I suspect they are imaginary, don't forget this is a re-sampled screen shot of sub 100% views, there are so many stages of re-sampling here it is beyond imagination.

Overhead, sure a few hundred k is not much, however the logical extension is when you multiply everything by 3-10 times, you end up running 3-10 slower.

Photos have hard edges and gradients too.  You underline "graphics" as if a photo isnt a graphic.  I get it though—an illustration converted from vector to flat image looks more crisp as png than a jpeg, gradients have less banding with more color info... does that not translate to photos?

I'm not trying to say PNGs are more effecient... We aren't talking about building a website made entirely out of full res PNG photographs, we're talking about embedding images in a forum post.
5DIII | 85mm f1.2L • 70-200mm f2.8L IS II • 50mm f1.8 II

canon rumors FORUM


notapro

  • Rebel SL1
  • ***
  • Posts: 84
    • View Profile
Thanks to polarhannes and to privatebydesign for suggesting browser-related aspects to my problem.  All is well with Firefox and IE, though my problem remained.

I deleted the new monitor calibration, profile, and driver.  I then reinstalled everything, and now my issue is resolved.  Still, were it not for this thread, my Internet browsers would not have been checked and configured for proper color management.

Many thanks to all of you who replied.

Pi

  • 1D Mark IV
  • ******
  • Posts: 937
    • View Profile
    • Math and Photography
yes  you can but how many of the win computers  are using color handling  and Firefox in the working places?
nothing that we who use mac even need to think about

IE10 is (not fully) color managed as well. It would ignore the monitor profile but respect the color space of the image. Everybody who knows enough about color management to bother with a monitor profile, would know how to find and configure a fully color managed browser.

Mac users do need to think about it as well because other users may not have fully color managed browsers, especially people with mobile devices. Posting a photo in Adobe RGB or in an even wider space is unwise.

canon rumors FORUM