A very important step in every photo editing, is the final step, saving for web. Here I will show you how I do it currently for all my photos (all the ones on this blog). So let’s get started.

First, lets take a photo. This one is already finished and I need to save it for web.

How to save for web

This photo has not yet been sharpened. If you want to get the best result, you have to first re-size your photo, to the final size, before you start with sharpening. So let’s re-size it first.

Go to Image/Image size and change the height to 900px (that’s the size I normally use, is different for everyone else). The width is calculated automatically here, as the constraint proportions is checked. As we want to create a web result, the document size has no importance for us.

How to save for web

Once re-sized, let’s continue with the sharpening. There are many ways one can do it, but one of the simplest is to just use Filter/Sharpen/Unsharp mask. Going with a smaller radius (0.1) and higher strength (100+) usually works the best here. On some photo one needs to go with smaller strength, to avoid the “over-sharpen” look.

How to save for web

A easy way to skip these steps is to use the Web Sharpening actions from TK Actions. You can find more about them here.

Lastly one needs to save the photo. But instead of using File/Save as, we need to go to File/Save for web. We need to use this, because we need to convert and include the color profile with the photo. We need to convert it to the sRGB, so it’s properly shown in web browsers and also include the color profile, so every program displaying them, does it in the same way. The preview should be set to Internet sRGB, so you see the final result as it’s shown in a browser.

How to save for web

Other than that, you can use any quality setting you want. And that’s it. Just choose a name you want and save it :)