Posted by Keith Bauer on February 13, 2017 at 8:55 PM
There have been a number of issues here on NPN, as well as other web based presentations that have been caused by not properly preparing the JPEG images that will be shared.
I've written a document which I hope will help NPN members prepare images, but it certainly could help in preparing for other web sites as well.
There are 4 different options presented in the document: 3 of them use Photoshop, 1 uses LightRoom. There may be other options that people are using, but these 4 don't require any 3rd party software.
Don't be alarmed that the document is 11 pages in length. None of the 4 options are that complicated. I've included screen shots to help in clarifying the process. One of the important concepts in each of the 4 options is converting to, and embedding the sRGB colorspace in your images for consistent viewing on the web.
Hope this helps.
The file is too large to attach here so I'm providing a link to my blog. The file is a 9mb PDF.
This is great, Keith. Thanks for taking the time to do this.
Posted by Richard Ditch on February 14, 2017 at 11:55 AM
Wel done. An excellent resource.
Posted by Dennis Plank on February 15, 2017 at 3:51 PM
Really nice, Keith. Since I do use the Lightroom method, I'd just like to add that you can save the recipe very easily. I keep several recipes for different purposes so it's just a click of the mouse to select which one. Within the menu, you can also save variations on location of your logo/signature, if you wish and select which one you want on the fly.
Thanks for this, Keith. It will prove helpful to many here at NPN.
I do have a question about 'Embed Color Profile' and 'Convert to sRGB' in the Save for Web and Export dialog boxes.
Since the file is already converted to sRGB in Photo Shop, and 'Embed Color Profile' is checked, why does 'Convert to sRGB' need to be checked, as well?
I always check 'Embed Color Profile', and leave 'Convert to sRGB un-checked. Am I missing something?
Thanks again for great tutorial!
--P
Posted by Keith Bauer on February 15, 2017 at 8:36 PM
Hi Preston:
If the file has already been converted to sRGB in Photoshop there is not a requirement to check Convert to sRGB in the Save for Web or Export Dialog boxes. I was just trying to cover all the bases. The Embed Color Profile is required however.
Copy that, Keith. Thanks for the clarification! You did a fine job with the article.
--P
Posted by Keith Bauer on February 16, 2017 at 11:01 AM
Since I do use the Lightroom method, I'd just like to add that you can save the recipe very easily. I keep several recipes for different purposes so it's just a click of the mouse to select which one. Within the menu, you can also save variations on location of your logo/signature, if you wish and select which one you want on the fly.
Dennis: Absolutely. Guess I could have added that as well. Once you have presets defined, you don't even need to go into the Export Dialog box. You can simply select an image (or images), right click, choose Export and a flyout menu will appear with all of your presets. Pick the one you want and it's done.
Discussion
7 repliesI've written a document which I hope will help NPN members prepare images, but it certainly could help in preparing for other web sites as well.
There are 4 different options presented in the document: 3 of them use Photoshop, 1 uses LightRoom. There may be other options that people are using, but these 4 don't require any 3rd party software.
Don't be alarmed that the document is 11 pages in length. None of the 4 options are that complicated. I've included screen shots to help in clarifying the process. One of the important concepts in each of the 4 options is converting to, and embedding the sRGB colorspace in your images for consistent viewing on the web.
Hope this helps.
The file is too large to attach here so I'm providing a link to my blog. The file is a 9mb PDF.
Saving Images Properly for Web Use
Keith
I do have a question about 'Embed Color Profile' and 'Convert to sRGB' in the Save for Web and Export dialog boxes.
Since the file is already converted to sRGB in Photo Shop, and 'Embed Color Profile' is checked, why does 'Convert to sRGB' need to be checked, as well?
I always check 'Embed Color Profile', and leave 'Convert to sRGB un-checked. Am I missing something?
Thanks again for great tutorial!
--P
If the file has already been converted to sRGB in Photoshop there is not a requirement to check Convert to sRGB in the Save for Web or Export Dialog boxes. I was just trying to cover all the bases. The Embed Color Profile is required however.
--P