Better Family Photos

  • Subscribe to our RSS feed.
  • Twitter
  • StumbleUpon
  • Reddit
  • Facebook
  • Digg

Thursday, 23 June 2011

Tutorial: Sharpening Images For The Web

Posted on 17:12 by Unknown
Have you ever wondered how some images you see on the web look very sharp while the ones you post are not that sharp? I faced this problem when I started writing for this blog and now I claim that I can post very sharp images on the blog. Here's what I know about the subject.

One of the eye openers for me was Roger Cicala's article about Acutance and MTF Charts, I suggest you read this article (and the rest of his articles) for excellent technical explanation about lens sharpness. If you check the black-white bars example in the beginning of Roger's article, you will be impressed by how sharpening in post can increase an image's acutance (apparent sharpness).

There are many tutorials and discussions on the web about sharpening, some people take sharpening to a religious level and use two or three different programs in sequence to sharpen one image, others (like me) just don't give it much concern and make sure to get the image as sharp as possible inside the camera first. I am not going to claim that one method is better than the other, but this is how I process my images.

SHARPENING IN LIGHTROOM (ACR)

If you don't know what the sharpening sliders in lightroom does, then by all means have a look at this tutorial or google "Adobe Camera Raw Sharpening". The absolute thing you have to learn about is the masking slider, this is a very neat trick that enables you to get very sharp images without sharpening the out of focus backgrounds or the high ISO noise in the picture.

I reached a nice preset for sharpening my images in lightroom (applied automatically when images are imported), I have the amount slider at 40, the radius at 1.2 and the masking slider somewhere between the quarter and the third. One other thing is the clarity slider, I have it set by default to +15. These settings are what I found out works best for most of my images, of course there are images that requires totally different settings, especially female portraits.

SHARPENING DURING EXPORT

Lightroom has an option to sharpen images during export, there are lots of arguments about this topic, but here's what works for me, if I am exporting images at full resolution (which I almost never do, who needs 18MP JPEGs after they have been processed?) I don't apply any sharpening during export. And the photos look very sharp at 100% magnification.

However, if I am exporting the images to a smaller size (I resize to 2000 pixel on the long side) I will apply sharpening during export, I set the Sharpen for Screen to Standard. The idea is that when you resize a picture; you are removing pixels from the photo, and this might counter what you already did in sharpening during post (since you were working on the full resolution), that's why I sharpen the image once more after resizing.

SHARPENING FOR THE WEB

I will discuss my experience with blogger (which is where this blog is hosted), you have different options for adding images to the post, you can either link, upload or use your Picasa images. I always upload my images, so let's say I uploaded a 1600 pixel wide image, when posting this image you get the following options for display size: Small, Medium, Large, X-Large and Original. Here's how each of these sizes look like:

Small Size
Medium Size
Large Size
X-Large Size

The first three sizes are too small for my taste, I appreciate reading blogs which have sharp images that fill the full width of the blog space, take Laurence Kim for an example, his posts look really nice with large detailed images and doesn't make you want to click the images to see a larger version. On the other hand, a blog like Srobist is not very pleasant in how the images are displayed, they are too small to see any details (especially lighting details, doh) and most of the time when you click them you are treated with flickr's ugly interface that forces you through a thousand clicks to reach a larger version of the image. What I want to express is that large and sharp images are very welcome in blog posts, they give a blog's look a certain finesse.

Back to our image sizes, the first three sizes are too small and the X-Large while it looks looks nicer (and sharper), unfortunately it is wider than the available blog space so I can't use it. Choosing the original size option you will use a 1600px image that would mess the post.

The solution is very simple, I know that the theme we use on our blog allows for a maximum of 600px wide images, all I have to do is go back to lightroom and export the images needed in a 600px size with sharpening for screen set to standard, this is very important. Now that I have 600px images, I can upload them and use the Original size setting, that way blogger will not interfere with how sharp the image will be. In the 1600px example, when I choose a different size, blogger will use it's own algorithm to resize the image which leads to a lower sharpness, but when I use the original size, blogger will leave the image alone and upload it as-is.

To show you how this makes a difference, below are the same image posted twice, the first image is exported from lightroom at 1600px, sharpened during export, uploaded here and displayed in the X-Large size. The second image is exported from lightroom at 600px, sharpened during export, uploaded here and displayed in it's original size. You judge which one is sharper (hint: eyebrows), of course there is no contest if you compare it to any of the first three sizes (which is what most people use).

1600px, X-Large Size, Click to see the 1600px size
600px, Original Size


CONCLUSION

Quite a difference, huh? As a conclusion, whatever web platform you are using, the best practice is to export your image for the size you are going to post on the web and upload it in it's original size, that way you prevent any web program from resizing your pictures and reducing their sharpness in return.

One last argument you might consider, "But posting the 1600px image has the benefit of clicking it to see a larger version, now all they will see when they click the image is the 600px image?". This is easily solved in blogger, you can simply upload the 1600px image beside the 600px image and link it to the 600px image. Or if your images are large and sharp enough, your readers won't have to click through to see a larger version. ;-)
Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest
Posted in sharpening, web | No comments
Newer Post Older Post Home

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Popular Posts

  • Olympus E-PL3 with 14-42 Lens $199; Moving from Nikon to MFT?
    I saw on 43rumors.com that the Olympus E-PL3 was being sold at Newegg for just $199 with the 14-42 kit lens included.  I checked it out and...
  • Exploring 3D Photography with the Loreo 3D Lens in a Cap
    When I hear of 3D photos or videos, my first impression is that it's gimmicky.  Interesting for one or two shots maybe and then after th...
  • Double Camera Strap & BlackRapid RS-5 Review
    This is a review of two camera straps: - The first is a double camera strap that's -- let's be blunt -- a knockoff of the BlackRapid...
  • 2x Lowepro Review: Toploader Zoom 45 AW & 55 AW + Unraveling The SlipLock™ Mystery
    Left: Lowepro Toploader Zoom 55AW, Right: 45AW, Middle: Canon 60D + 15-85 Welcome to a new rare photography accessory review as I'd lik...
  • Toys for the Big Kids: Speedlight Softbox
    In this post, we will have a look at a softbox for speedlights.  This post is part of a series that will cover equipment reviews for committ...
  • Nikon D5200 and D7100 Band-Aid: Solutions for Banding
    I haven't posted in a while but only because I've been doing a lot of testing about the Nikon D7100 banding issue.  In this post, I ...
  • Sigma USB dock available for preorder
    B&H is offering the Sigma USB dock for preorder for $59 + s/h , due for shipping on May 18. The dock allows you to update your firmwar...
  • A Couple Of Yashica Oldies
    Yashica Electro 35 GTN + Yashica ST-7   How many of you know the above camera? Have you seen such a tripod before? Hit the jump for a flas...
  • Minimizing Nikon D5200 and D7100 banding; Mysteries Remain
    Many people have noted that the Nikon D5200 and Nikon D7100 have banding in the shadows when the exposure is pushed.  In this post I'll ...
  • Macro Talk: Canon EF-S 60mm f/2.8 Macro USM
    What is a macro lens? What if my zoom lens has a "Macro" designation, are they the same? Today I am going to chat a little about m...

Categories

  • "alien bee"
  • "april fool's"
  • "ring flash"
  • "yong nuo"
  • 1"
  • 1/1.7"
  • 10-17
  • 10-20
  • 11-16
  • 15-85mm
  • 15z
  • 17-50 vc
  • 190cx pro3
  • 2.8
  • 2.8G
  • 2/3"
  • 200 f2.8
  • 200 L
  • 200mm
  • 200mm f/2.8
  • 200mm f/2.8 L II
  • 200mm f2.8
  • 200mm f28
  • 200mm f28 L II
  • 2012
  • 2013
  • 23 Samsung led
  • 24-105 f4
  • 24-70
  • 25 1.4
  • 28-105
  • 28-70
  • 35mm
  • 35mm f/2
  • 35mm f2
  • 360
  • 3rd party
  • 4.1
  • 4/3
  • 40 pancake
  • 40 panckae
  • 40 stm
  • 40-150R
  • 40mm f/2.8
  • 430EX
  • 43rumors
  • 45 18
  • 45 AW
  • 4x4
  • 50 14
  • 50 f14
  • 50-150
  • 50mm
  • 50mm f/1.4
  • 55 AW
  • 55-250
  • 550D
  • 55aw
  • 560ex
  • 580 ex ii
  • 580EX
  • 580EX II
  • 5d
  • 5d mark 2
  • 5d mark 3
  • 5D Mark II
  • 5d mark iii
  • 5d2
  • 600d
  • 600ex-rt
  • 60d
  • 60fps
  • 60mm macro
  • 650d
  • 6d
  • 7.5mm
  • 720p
  • 75 f1.8
  • 85mm f1.8
  • 8x12
  • abbc
  • abstract
  • accuracy
  • active d-lighting
  • adjustment
  • adl
  • AF
  • af point
  • AF Point Expansion
  • aftermarket
  • airport
  • alexandria
  • alien bee
  • alien bees
  • alienbee
  • alienbees
  • alternative
  • ambient
  • ambient light
  • angle
  • aperture priority
  • APS-C
  • apsc
  • assignment
  • auto focus
  • auto white balance
  • autofocus
  • AWB
  • awl
  • back button focus
  • background
  • background blur
  • backlight
  • backlighting
  • backlit
  • bad behavior
  • bad photography
  • balance
  • bare flash
  • battery
  • BBF
  • beach
  • beams
  • beauty dish
  • bellagio
  • BFT
  • birthday
  • black
  • black foamie thing
  • black rapid
  • blackrapid
  • blogs
  • blower
  • blown
  • blur
  • bokeh
  • bounce
  • bounce card
  • bounce flash
  • bower
  • bracket
  • brightness
  • brilliance
  • brolly grip
  • brother
  • build
  • burst mode
  • butterflies
  • butterfly
  • C.Fn
  • cable
  • cake
  • camera
  • camera bag
  • camera releases
  • camera settings
  • candle
  • candlelight
  • canon
  • Canon 100mm Macro L IS
  • canon 200mm f28L
  • canon 24-105
  • canon 40 stm
  • canon 40mm f28 pancake
  • canon 50
  • canon 50 1.4
  • canon 55-250
  • canon 5d mark 2
  • canon 5d mark ii
  • canon 5d mark iii
  • canon 5d2
  • canon 5d3
  • Canon 60d
  • canon 6d
  • canon g11
  • canon speedlite
  • car
  • carbon fiber
  • catch lights
  • cheap
  • christmas
  • clean
  • cleaning
  • clipped
  • clipping
  • close up
  • clouds
  • cls
  • clustered
  • color
  • compact
  • comparison
  • composition
  • compositional aid
  • construction
  • contrast
  • cooler master
  • copyright
  • core i7
  • cowboy
  • cowboystudio
  • cpl
  • creepy
  • crop factor
  • crop sensor
  • cyber commander
  • cybersync
  • d-lux
  • d-lux5
  • d3
  • d300
  • D5100
  • D600
  • d70
  • d700
  • D7100
  • d90
  • dark background
  • david hobby
  • daylight
  • dell 24 inch
  • depth of field
  • desert
  • diamond
  • digital
  • directional
  • distance
  • diy
  • dlux
  • dlux5
  • dng
  • double
  • dslr
  • DSLR bag
  • dual
  • dust
  • dx
  • dynamic range
  • earthquake
  • ebay
  • ebay trigger
  • eclipse
  • editing
  • EF 40mm f/2.8
  • ef-s 60mm
  • einstein
  • Electro GN
  • engagement
  • environmental portrait
  • ep5
  • equipment
  • ETTL
  • ettr
  • europe
  • events
  • evf
  • ex600
  • existing light
  • expensive
  • exposing to the right
  • exposure
  • f/3.5
  • family
  • faq
  • fasten-r3
  • favorite
  • fayoum
  • Fayoum desert
  • fill
  • fill light
  • film
  • filter
  • finepix
  • fire
  • fireplace
  • first impressions
  • fish-eye
  • fisheye
  • fix
  • FL600R
  • flash
  • flash bounce
  • flash sync
  • flash trigger
  • flashmeter
  • flashright
  • focal length
  • focus
  • food
  • football
  • fotodiox
  • fountain
  • freexwire
  • fuji
  • fujifilm
  • Full Frame
  • fun
  • fx
  • galaxy s 3
  • galaxy s4
  • gecko
  • GeForce gtx570 OC
  • gel
  • geomag
  • ggs
  • ghost
  • gigabyte z77 ud3h
  • glass
  • gn
  • Goodbye
  • gorillapod
  • gregg
  • grid
  • grip
  • group shot
  • gskill ripjaws
  • guide
  • guide number
  • gx7
  • haf 912
  • handheld
  • hands on
  • hands-on
  • hdr
  • head shot
  • hiatus
  • high dynamic range
  • high iso
  • high speed sync
  • highlight
  • highlights
  • histogram
  • holder
  • holiday
  • home
  • home made
  • Honda civic
  • honeycomb
  • hotshoe
  • hoya
  • humor
  • i9500
  • id
  • image quality
  • impressions
  • indoor flash
  • infrared
  • infringement
  • insects
  • inverse square law
  • japan
  • jewel
  • jewelry
  • joby head
  • jpeg
  • Kingston hyperX SSD
  • kirk tuck
  • kl bird park
  • krakow
  • kuala lumpur
  • las vegas
  • lastolite
  • laurence kim
  • lax
  • lcd
  • leica
  • lens
  • lens cap
  • lens compression
  • lens review
  • lenses
  • lenspen
  • lensrentals
  • light
  • light painting
  • lighting
  • lightroom
  • lightroom 4
  • lightroom 5
  • location
  • long
  • long exposure
  • los angeles
  • low key
  • low light
  • Lowepro
  • Lowepro 45aw
  • Lowepro 55aw
  • lr4
  • lumiquest softbox III
  • lumix
  • lx-5
  • lx5
  • m4/3
  • m43
  • macro
  • macro adapter
  • makernotes
  • malaysia
  • manfrotto
  • manfrotto tripod
  • manual
  • mark ii
  • mark iii
  • MFT
  • mft. micro four thirds
  • micro four thirds
  • mielec
  • migration
  • mini review
  • mirror
  • mirror-less
  • mirrorless
  • mobile
  • modification
  • modifier
  • monobloc
  • monoblock
  • monolight
  • motion
  • motion blur
  • multi function printer
  • multiple
  • nano crystal
  • natural light
  • neil
  • Neil VN
  • niekerk
  • nikkor
  • nikon
  • nikon d600
  • noise
  • off camera
  • oil
  • olympus
  • olympus 12-50
  • Olympus 40-150
  • olympus 45
  • olympus 45 18
  • olympus om-d em-5
  • om-d
  • omd
  • omd em1
  • omd em5
  • omd em6
  • on-camera
  • one inch
  • overexposure
  • overpowering sun
  • panasonic
  • panasonic leica 25 14
  • pancake
  • party
  • passport
  • pastries
  • pastry
  • pc
  • pentax
  • peter
  • phone
  • phone photography
  • photo
  • photo tips
  • photography
  • photokina
  • photomerge
  • photoshop
  • photoshop elements
  • planning
  • pocketwizard
  • point and shoot
  • poland
  • polarizer
  • popup
  • popup flash
  • portrait
  • post processing
  • post-processing
  • postprocessing
  • product
  • product shots
  • profile
  • protection
  • protector
  • quad-flash
  • quantum
  • radiopopper
  • raid 0
  • Range finder
  • raw
  • raw editing
  • raw+jpeg
  • rays
  • real
  • recovery
  • reflection
  • reflector
  • resources
  • restaurant
  • review
  • rf-603
  • rf603
  • ricoh
  • ring
  • ringflash
  • robin wong
  • roger cicala
  • rogue
  • rokinon
  • roll off
  • roll-off
  • rolloff
  • rs-5
  • rs-7
  • rumors
  • s5
  • s5 pro
  • s5pro
  • samples
  • samsung
  • samyang
  • sb-26
  • sb-80
  • sb26
  • sb800
  • screen protector
  • sensor
  • sensor swab
  • sensorclear
  • sensorklean
  • sensorklear
  • separation
  • shadow
  • shadow pulling
  • shadows
  • shards
  • sharpening
  • sharpness
  • shoot through
  • shoot-through
  • shoot-thru
  • shooting technique
  • shootout
  • short
  • sigma
  • sigma 50-150
  • skin tones
  • skylight
  • Slik Mini Tripod
  • slingshot
  • slow
  • small
  • smooth
  • soft
  • softbox
  • sony
  • sony a99
  • sony rx100
  • sony t10
  • specular
  • speed
  • speedlight
  • speedlite
  • spinlight
  • spots
  • standard
  • stockholm
  • story
  • strap
  • strobe
  • strobist
  • studio
  • studio strobe
  • subject
  • substitute
  • sudden
  • summilux
  • sunrise
  • sunset
  • sweden
  • swivel
  • sync speed
  • t2i
  • t3i
  • Table top tripod
  • tamron
  • technique
  • techniques
  • tele
  • telephoto
  • thinktank retrospective 5
  • third party
  • tips
  • tokina
  • tonal
  • tonality
  • tone curve
  • toploader
  • toys
  • translucent
  • travel photography
  • tri-flash
  • Tribute
  • trifold
  • trigger
  • tripod
  • truth
  • ttl
  • TTL Cord
  • u43
  • ultra-wide
  • ultrawide
  • umbrella
  • underexposure
  • unlimited sync speed
  • up-rise
  • up-rise 15z
  • update
  • uprise
  • USM
  • uv
  • uwa
  • vanguard
  • versus
  • vertical
  • video
  • view nx2
  • visual science lab
  • vs
  • wadi rayan
  • wd caviar black
  • web
  • weekend
  • westin
  • white balance
  • white lightning
  • wide
  • wide angle
  • window
  • wireless
  • wireless flash
  • wireless release
  • wireless trigger
  • workflow
  • Yashica
  • yashica gtn
  • yashica st-7
  • yn-560
  • yn-560ex
  • yn-ex600
  • yn560
  • yong nuo
  • yongnuo
  • zack arias
  • zoom
  • zoom toploader
  • zuiko

Blog Archive

  • ►  2013 (165)
    • ►  December (5)
    • ►  November (10)
    • ►  October (8)
    • ►  September (7)
    • ►  August (3)
    • ►  July (11)
    • ►  June (10)
    • ►  May (15)
    • ►  April (19)
    • ►  March (33)
    • ►  February (24)
    • ►  January (20)
  • ►  2012 (193)
    • ►  December (17)
    • ►  November (22)
    • ►  October (34)
    • ►  September (47)
    • ►  August (12)
    • ►  July (11)
    • ►  June (10)
    • ►  May (13)
    • ►  April (13)
    • ►  March (8)
    • ►  February (1)
    • ►  January (5)
  • ▼  2011 (141)
    • ►  December (8)
    • ►  November (8)
    • ►  October (7)
    • ►  September (9)
    • ►  August (13)
    • ►  July (13)
    • ▼  June (19)
      • Creepy Ghost Portrait
      • Are You Ready for AlienBees?
      • Radiopopper JrX Studio Review
      • Tutorial: Sharpening Images For The Web
      • Flash Series - Part 7: LumiQuest Softbox III - Off...
      • Better Family Photos Index
      • Canon 60D vs 550D (and 600D): Real World Usage
      • Why I Love My Sigma 50-150
      • Flash Series - Part 6: Use Flash in Daylight? Really?
      • Flash Series Part 5: Remote Adjustment Radio Triggers
      • Backlight vs. Rim Light
      • DIY Passport Photos
      • Low-Key Self-Portrait
      • MK-RC7 review updated
      • Flash Series - Part 4: Triggering Your Hotshoe Fla...
      • Candlelight Photos Revisited: Birthday Cake
      • Preview of Upcoming Posts
      • Balancing Flash and Ambient: Candlelight Photos
      • Can You Stack 50 UV Filters? And Take a Picture?
    • ►  May (17)
    • ►  April (25)
    • ►  March (22)
Powered by Blogger.

About Me

Unknown
View my complete profile