fbpx

Basic adjustments – Sharpen and save for the web

Basic Photoshop 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 in photoshop

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%.

resize for 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 1600 pixels.

Filter = data-lazy-src= Sharpen => Smart Sharpen" height="468" width="436" srcset="https://www.icelandaurora.com/phototutorials/wp-content/uploads/sites/5/2009/08/sharpen3.jpg 436w, https://www.icelandaurora.com/phototutorials/wp-content/uploads/sites/5/2009/08/sharpen3-279x300.jpg 279w" sizes="(max-width: 436px) 100vw, 436px">

Filter => Sharpen => Smart Sharpen

Smart sharpen tool

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.

Photoshop 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.

JPEG adjust quality

Choose JPEG and adjust the quality slider

Result

sharp foreground!

Nice sharp foreground!

Check out one of my Photography Tours

Moss on red

Moss on red

This is a strange volcanic lake. It goes very deep in places and used to be the deepest lake in Iceland.

Brunahorn

Brunahorn

I demonstrate a lightroom preset on this photo of Brunahorn in East Iceland.

Hvitserkur Gull

Hvitserkur Gull

This basalt structure has withstood many thousands of years of Icelandic weather, although it recently had a concrete base manufactured to prevent erosion.

Leave a reply

Your email address will not be published. Required fields are marked *

8 + seven =

Pin It on Pinterest

Share This