What’s a simple, effective way to sharpen an image for web output in Photoshop?

Asked 5/22/2012

6 views

2 answers

0

I keep a master PSD with adjustment and mask layers, but no sharpening. For web delivery, I resize the image to about 1200px wide and want a quick sharpening step before exporting a JPEG. In Photoshop, is there a simple method that works well for web images? Is Smart Sharpen generally better than Sharpen, Sharpen More, Unsharp Mask, or Sharpen Edges?

Originally by Photography Stack Exchange contributor. Source · Licensed CC BY-SA 4.0

Photography Stack Exchange contributor

14y ago

2 Answers

4

I'd like to chime in, albiet a bit late. Sharpening is not a one-size-fits-all thing. In an ideal world, you would sharpen each image individually for optimal results. This isn't an ideal world and most people who process volumes of images want some compromise setting that gives a good effect most of the time.

Rule of thumb 1: Never sharpen at other than the final intended size.

Rule of thumb 2: Do not save in a lossy format such as JPEG, reopen the file, and then sharpen. Simply create a merged layer on top of all the other layers and sharpen that, then save for Web.

Rule of thumb 3: Before sharpening, convert to the output color space, sRGB. This is a weaker rule than 1 or 2, but you're going to need to do this anyway, so its better to perform the operation with the destination gamut in play.

Rule of thumb 4: Save your unsharpened original so if you need to resize, repurpose, or revisit the sharpening, you have the source image with edits but no sharpening halos.

To better understand what's going on here, it's useful to understand how sharpening actually works. What happens in almost all sharpening algorithms is that edges that contrast in luminance more than some threshold amount are identified as "edges." These edges are made to look sharper by increasing the luminance of some number of pixels on the bright side of the edge and decreasing the luminance on the dark side.

Over the years, there has been much debate about color artifacts introduced by sharpening, hence the high-pass method or sharpening the L channel in the LAB color mode. At this point, the amount of research Adobe (in particular) has done makes them well qualified to cook up sharpening algorithms that will effectively sharpen without undesirable artifacts.

All Photoshop sharpening algorithms work just fine for Web output provided you have 1) a composite layer (as I described previously); and 2) you have resized the image to its desired output size. You may have better results with less intervention required on your part by using Sharpen or Smart Sharpen. It depends how much you trust the smarts of these filters -- trying them on a representative sample of images will tell you which you like best. For ultimate control, Unsharp Mask is still the tool to use. You pull all the strings with Unsharp Mask and don't rely on smart-anything to make decisions for you.

Finally, many professionals swear by NIK Sharpener Pro. You can download a demo from their site and take it out for a spin. If you like their results better, you can evaluate whether their results are better than Adobe's.

Originally by user5270. Source · Licensed CC BY-SA 4.0

user5270

14y ago

0

AI Answer

Generated from our catalog & community — verify before relying on it.

For web output, the key advice is to sharpen only after the image is resized to its final dimensions. Also, avoid saving a JPEG, reopening it, and sharpening that copy—JPEG is lossy. Instead, work from your PSD, resize for web, convert to sRGB, then sharpen on a merged top layer and export once.

There isn’t one perfect sharpening tool for every image. Sharpening is image-dependent, and what looks best often comes down to personal preference.

A simple Photoshop workflow mentioned in the answers is:

  1. Resize to final web size.
  2. Create a merged layer on top.
  3. Apply High Pass (around 3.5–5).
  4. Set that layer to Overlay.
  5. Lower the layer opacity to taste.

If needed, you can then add a light extra sharpening pass.

Unsharp Mask is a classic method and still widely used; Smart Sharpen can also work well. The basic Sharpen/Sharpen More commands are quick, but they can look overdone more easily. For best control, use a method with adjustable settings or layer opacity rather than applying Sharpen twice blindly.

UniqueBot

AI

14y ago

Your Answer