Quick Photo Adjustment

From Pvdwiki
Jump to: navigation, search

I process a lot of pictures for web and email. Perfection is rarely my goal, but good results are. This is an explaination of how to quickly make the most of your images when your plan is to quickly and easily share with others via web.

Once you figure this process out, It only takes an extra minute or two per photo for great results.

The goal is to improve the image and reduce the file size, without damaging the quality. The damage is usually Posterization which makes an image look very poor. We want an image with as high a Bit-Depth as possible.

We also want to minimize Moiré and Softening as much as we can during the reduction process.

Taking the Best Picture You Can

Whenever possible, take the best quality picture that you can.

  • Use the highest resolution the camera is capable of taking for every shot. Memory is cheap.
  • Set the camera up for the shot. If you lack the knowlage for this, just leave it on AUTO. Read the manual so you know what your camera can do.
  • Lighting is key. Plan your position and use a flash.
  • Don't forget that the macro setting is a life saver for close up detailed shots.
  • Hold the camera as still as you can.
  • Frame the shot as best as you can. If that is not possible, leave some room on the sides for cropping later.

Taking pictures is a subject unto itself. I just could not continue without briefly mentioning the very basics.

The Original Image

99.9% of original images need cropping. This is the first step when working with an image.

Here is a sample that we will play with (My wonderful wife at Northstar):

CIMG4453.jpg
5.53M

Not a very good shot, but let's assume that it is the only one we had and for some reason everyone had to see it. A lousy shot actually works well for my example. Here is the Histogram of this image:

4453-Original-histogram.jpg

A lousy picture of the picture. A very narrow range of the image.

The original file is actually 2736x3648 (10Mb) but I reduced it to 600x800 with bicubic downsampling so that it would fit well on this page. No other changes were made to the image.

Cropping Out clutter

The image is cropped to get rid of clutter that is not valuable or wanted in the picture. A picture tells a story, keep yours on topic.

For general use, 800x600 pixels or smaller is a good size to use. This keeps the file size down, allows the image to display well at 100% and will upload onto most websites well.

By cropping 6 inch by 8 inch and no resolution specified, the image is not scaled. It is just proportional.

Crop-bar.gif

Knowing that, I crop the image with a bounding box that is at this scale. I cropped this image to 2159x2879. Essentially removing 38% of the picture that was doing nothing for us. I do not reduce or enlarge the image yet, just remove unwanted information and shape the image.

CIMG4453-cropped.jpg
3.9M

Here is a histogram of the cropped image:

Cropped-histogram.jpg

Not much information at in the shadows and the highlights, and the gamma is way off.

Adjusting the Levels

Now we adjust the levels. Our goal here is to make black black, white white, and grey, grey. Lots more can be done to an image to make it look it's best, but this is the biggest, quickest bang for the buck:

Here is the photoshop dialog box for levels adjustment.

Picture-Levels.jpg

This is how I ajusted the image:

Photo-levels-adjusted.jpg

And the subsequent image and histogram:

CIMG4453-adjusted.jpg
4.11M

Notice how the image is clear now? The colors look right. You can see the details. White looks white, but not posterized. It seems like we are there.

Adjusted-histogram.jpg

Reducing the Size for Display

Now we finally reduce the image size. The computer is going to do a bunch of math to Interpolate the color values of the pixels in the reduced image. We are going to bicubically scale the image down to 600x800 pixels with JPEG compression at 80%. Photoshop downsamples better than any othe program I know of. If you have access to any version of photoshop, use it.

Photo-large-size.jpg

Photo-small-size.jpg

Make sure to save using "save as: jpeg" rather than "save for web" if using Photoshop. This way, all the camera and other info gets retained with the file.
Photo-jpeg.jpg

The image now looks like this:

CIMG4453-sized.jpg
187.7K SMALL!!!

And has a histogram like this:

Sized-histogram.jpg
Notice the fuzzing of this histogram. It shows that the image is just starting to fall apart due to reduction and micro-posterization. Fine for net use, not for printing.

What Not to Do

Do not reduce the image size then adjust it. That is when the image really starts to fall apart.

This is not the best example of this, but I did just that to the same image that we have been looking at:

CIMG4453-wrong.jpg
188.8K

Wrong-histogram.jpg
Notice that the image is breaking down more. Depending on the image, this could have been much, much worse leading to a higher degree of posterization.

Posterizing, When Things Go Really Wrong

This is what happens when the color depth goes from 256 colors to 16 colors. The image is present, but it is pretty lousy when you look closely.

CIMG4453-posterized.jpg
230K

Posterized-hist.gif