Saving for web...

Mark

Active Member
Registered
OK, sometimes I get this right and sometimes I don't. Typically I forget what I did right lol.

In Photoshop, when saving an image for web viewing, the photo is sometimes darker online than in Photoshop. Not ideal of course.
How are you saving your photos when saving for web to ensure this isn't happening? Embed Profile on/off? Convert to sRGB etc? So that the photo online appears to be the same as in PS.

Thanks as always!
Mark
 
First we have to accept a couple of things...

  1. Is the persons monitor calibrated who is viewing the image on the web
  2. Not all browsers are colour calibrated & those which are are calibrated to sRGB
  3. Does the image contain colours which are outside of the sRGB Gamut
Having got that out of the way, then in Photoshop, ensure Embedded Color Profile is checked & Convert to sRGB is checkedScreenshot 2019-12-20 at 18.44.47.png
 
Alex nail ‘save for web ‘ action
:)

I've used Nail's resize actions for years, but have never seen a save for Web action from him. I run his resize, then save for Web in PS. I find the latter I credibly irritating and long-winded, as it asks you if you want to overwrite the previously saved image, then it does so in slightly different ways twice again. Unless you previously had a different set of files open, in which case it saves to that gallery and you subsequently can't find thd bloody thing.
 
I've used Nail's resize actions for years, but have never seen a save for Web action from him. I run his resize, then save for Web in PS. I find the latter I credibly irritating and long-winded, as it asks you if you want to overwrite the previously saved image, then it does so in slightly different ways twice again. Unless you previously had a different set of files open, in which case it saves to that gallery and you subsequently can't find thd bloody thing.
Ah I had forgotten that I had added to his action the the obvious and essentially sstep of saving as srgb jpg. Then it’s a one click wonder, at least it used to be, for some reason it now no longer shows on the forum as cutting key sharp as it used to
 
Last edited:
Just had a look at the Actions and run a few tests.

It appears the method used is the USM route. They all appear to work applying the same amount of sharpening in each preset. I am not sure why there is a selection for screen sizes though as we have no control of the viewers screen size which could lead to artefacts if the wrong preset is chosen.

Using the image pixel dimensions 100, 2000 etc is probably the one most people will use. The only issue I found is that it does not change the Color Space to match web viewing (sRGB) which may cause some colour shifts depending on how the image is viewed on the web.

All in all, the Action Set works well giving the last stage a white mask allowing you to paint out the effect where its not required which is a bonus when it comes to global sharpening.
 
Just had a look at the Actions and run a few tests.

It appears the method used is the USM route. They all appear to work applying the same amount of sharpening in each preset. I am not sure why there is a selection for screen sizes though as we have no control of the viewers screen size which could lead to artefacts if the wrong preset is chosen.

Using the image pixel dimensions 100, 2000 etc is probably the one most people will use. The only issue I found is that it does not change the Color Space to match web viewing (sRGB) which may cause some colour shifts depending on how the image is viewed on the web.

All in all, the Action Set works well giving the last stage a white mask allowing you to paint out the effect where its not required which is a bonus when it comes to global sharpening.
Yes that’s why I added a bit more to the action by recording the srgb step into the action

The mask is very useful for not applying the sharpening to the sky
 
Back
Top