Basic adjustments – Sharpen and save for the web

This tutorial is about creating small files for your website or online portfolio. This is assuming that you have an image that you have finished processing at its full size and you want to get the best possible quality when someone views it on the internet.

It is always best to do most of your adjustment such as levels and curves while the image is at full size (before you reduce the size), but if you put a full size image on the web, it will load slowly and look odd. Maybe your website has a way of reducing the file size, but it is far better for you to be in control of the final product.

Image=> Resize

Image=> Resize

The first step is to resize your image. Go to Image => Resize. From here on, work with your image at full size – 100%.

Choose an appropriate size for the website

Choose an appropriate size for the website

Adjust the size of the longest side. All images on this blog are 600 pixels or less. A large image on the web will be around 1000 pixels.

Filter => Sharpen => Smart Sharpen

Filter => Sharpen => Smart Sharpen

Use the smart sharpen tool available in Photoshop CS models.

Adjust the radius carefully

Adjust the radius carefully

Try setting 100% for the amount and 0.2 – 0.5 for the radius. The aim is to have a sharp image with no halos. A halo is a line of light around a high contrast edge.

Dupliate your sharpened layer

Duplicate your sharpened layer

Duplicate your sharpened layer by either going to Layer=>Duplicate Layer or by dragging the layer thumbnail onto the New Layer button (second from right at the bottom of the layers palette). For more help see Layers.

Run the sharpener again with a slightly higher radius

Run the sharpener again with a slightly higher radius

Run the sharpener with a higher radius that before, keep monitoring you image. This time you can have slight halos.

Create a layer mask for your duplicate layer

Create a layer mask for your duplicate layer

Create a mask for your new extra sharp layer by clicking on the mask button. Now you can paint over any halos or areas you don’t want so sharp with a black paintbrush tool. See Layers and Masks for more help.

Save for web.

Edit => Save for web

File => Save for web

Save for web will optimise your file for viewing on the web, you can have control over the file size. This method erases all exif data from your image.

Choose JPEG and adjust the quality slider

Choose JPEG and adjust the quality slider

Result

Nice sharp foreground!

Nice sharp foreground!

Check out one of my Photography Tours

Pin It on Pinterest