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 => Sharpen => Smart Sharpen

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

Hassy on the berg beach

Hassy on the berg beach

This photo was taken on a mild September morning with slight chances of gaps in the clouds for the Sunrise at Jökulsarlon glacier ice beach.

Photo Calendars

Subscribe

RSS IcelandAuroraPhotos

  • Jokulsarlon pink lagoon - Archival Matte Print by IcelandAuroraPhotos
    23.40 GBPThe glacier lagoon at Jokulsarlon in South Iceland was packed with really interesting icebergs. We returned in the evening to enjoy the pink hue in the evening sky.Museum-quality poster made on long-lasting matte (uncoated) archival paper.- Paper-weight: 250 gsm / 110 lb- Shipped in sturdy packaging protecting the posterPrinted and shipped on demand. No […]
  • Icelandic horse - Aluminum Print by IcelandAuroraPhotos
    82.00 GBPA light brown Icelandic horse braves the winter weather as they enjoy the company and attention of my photo group. Your art printed on aluminum dibond looks amazing and lasts a lifetime. As it is light it is well-suited also for large formats and art pieces. Colors are highly saturated, even in large monochrome […]
  • Iceland : Lovers - Archival Matte Print by IcelandAuroraPhotos
    20.20 GBPThis pair of frosty ice chunks were inseparable as they confronted their inevitable doom. They were soon to melt into the north Atlantic sea. This Icelandic beach is where 1000 year old glacier ice reaches its final days. I love the way the clouds mirrors the state of the two ice lovers.Museum-quality poster made […]

Pin It on Pinterest

Share This