PetaPixel

Sharpening Your Photos like Flickr

flickrWhen browsing around on Flickr, I used to be amazed by how sharp many of the photographs I came across were, and thought that the reason my web-res images weren’t as sharp was because I had poor technique or an inferior lens. However, even after I upgraded my camera equipment I still wasn’t achieving the same type of sharpness I saw on Flickr.

I eventually learned that the reason is this: Flickr applies sharpening to the smaller sized versions of your uploaded images, whether you want it or not. This is something that most people don’t realize and never think about, but it drastically improves the apparent quality of most photos. Thus, having a sharp lens and good focusing technique is only half the solution to sharp web-res photos. The other half is knowing how to sharpen your low-res images well. In this article I will describe a method of imitating Flickr’s sharpening.

As an example, here is a photograph that I resized to a 500px standard size using Adobe Photoshop:

crossinga

The original image was sharp, but much of the sharpness was lost in the resizing process. When the original image is uploaded to Flickr, this is the 500px wide version that results (hover over it to compare it with the original):

crossingb

As you can see, Flickr’s sharpening helps to make many of the areas of the soft areas of the resized photo sharp and seemingly detailed again.

To achieve the same sharpening with Photoshop, one possible way is to run an unsharp mask filter on it (Filter->Sharpen->Unsharp Mask) after resizing the image to your desired low resolution. I found that the following settings give a 500px resized image exactly the same sharpness as Flickr:

Amount: 400%
Radius: .2 pixels
Threshold: 0 levels

crossingunsharp

Doing this will help you to achieve sharp web-resolution photographs in addition to your sharp hi-res images. This technique should specifically be used for lower resolution photographs though (i.e. 500px). For sharper hi-resolution photographs, use techniques such as high pass sharpening, and improve your gear and focusing technique.


 
  • http://gracepointphotography.blogspot.com/ john ko

    what dpi are you using for the 500px res?

  • http://shuttersounds.thedailynathan.com/ Nathan Yan

    You can also try a different resizing algorithm, like bicubic sharper.

  • http://www.petapixel.com Michael Zhang

    Yeah, I've tried those too, but it doesn't come anywhere close to the kind of sharpness Flickr applies to photographs.

    Good tip though!

  • http://www.petapixel.com Michael Zhang

    It's 240 ppi

  • Pingback: 12/365: Something to take my mind off things « Beyond the Mundane()

  • Pingback: Use Bicubic Sharper for Web Resizing()

  • GB

    Flickr should give you the option of adding their sharpening or not. I apply the right amount of sharpening to my photos before I upload. I hate it, because they add more and then it becomes oversharpened which is just as bad as being soft IMO.

  • http://frombrandon.posterous.com frombrandon

    This is the best sharpen for web tutorial I have found. It makes my pictures look very Flickr-esque and I love, love, love it for posting picture on my website at whatever size I want them at.

    http://www.foliolink.com/resources_articles/tucker.asp

  • mike owen

    Not sure if Flickr has changed recently, but I find my photos require no sharpening at all now. It is now on the verge of oversharpening now. Kind of bugs me since I like to save all my low res web versions in one folder, sharpened and ready to go. I don’t like having a set which is unsharpened just for Flickr.

  • Justfred

    Or try the “Adamus” method for sharpening for the web. It gave me the best results ever.
    http://www.digitalimagecafe.com/articles/resizingImages.aspx

  • John

    Hey, is there any way you can achieve this in Lightroom?

  • Mako

    But the sharpened one looks over sharpened