Image Editing 101

Fixing Common Problems

Introduction

Images that come straight from a digital camera aren't always perfect. As you start to gain more experience with image editing, you may notice some recurring problems with images that you'll want to fix. For example, some images may be too bright, while others may be too dark or blurry. There are many corrections that can make your images look dramatically better. Some of the corrections we'll cover in this lesson include:

  • Brightness and contrast: If an image is too bright or too dark, you can adjust the brightness and contrast.
  • Color: If the colors in an image are muted or dull, you can use a variety of color correction tools, including saturation.
  • Sharpness: If an image is less clear than you'd like it to be, you can sharpen it.

Want to see the difference corrections can make? Take a look at the example below. It only took a few quick corrections to make the image look brighter, clearer, and more colorful.

an image comparing the same photo before and after basic corrections

If you want to follow along, you can download some or all of our example images. Just click any of the images below to open a full-sized version, then right-click the full-sized version and select Save Image As to save it to your computer.

image of museum
image of pink flowers
image of plants
image of squirrel
image of tower
image of people on wall

About this lesson

Just like in the previous lesson, we'll show you how to make these adjustments with Pixlr X, a free web-based image editor you can use from almost any computer with an Internet connection. If you're using a mobile device, you can use the free Pixlr mobile app.

If you have a different image editing program, you can still follow along. These features will work roughly the same way for most image editors. However, note that some basic image editing programs, like Microsoft Paint, do not include all of the tools we'll discuss in this lesson.

Image editing tips

Here are a few important things to keep in mind as you start working with images. If you're new to image editing, we also recommend reading the first lesson in this tutorial.

  • Keep your originals: If you're planning to make even basic changes to an image, you should also keep an original unedited version of the file. We recommend making a habit of doing this whenever you're working with image files. This way, you'll always be able to go back to the original version.
  • Combine different adjustments: You may find that images are often in need of more than just one correction. For example, some images might be improved by both brightness and color adjustments, while others can benefit from cropping and sharpening. It's all about finding what works to bring out the best in each image.
  • Experiment: There's no perfect formula for editing images. As long as you keep a copy of the original file, feel free to try different adjustments to find what works for your image. If you change your mind later on, you can always go back to the original version and start over.

Brightness and contrast

Sometimes an image may look too bright or too dark. This can be caused by several factors, including the lighting where the photo was taken and camera settings. You can offset this by adjusting the brightness and contrast of the image.

Brightness

When you adjust the brightness, you're changing the overall level of light and dark in the image. If an image is too dark, you can try increasing the brightness, as in the example below.

images comparing varying levels of brightness

However, increasing the brightness for a very dark image can lead to a lot of image noise, or graininess. This is because you're also brightening any noise the image may have. In the example below, you may notice that the green background in the image on the right looks rough and grainy. We'll cover reducing image noise later in this lesson.

image showing how increasing the image brightness can create image noise

Contrast

When you increase the contrast, you're making the difference between the light and dark areas of the image more noticeable. In other words, you're making the dark parts darker and the light parts lighter. In the example below, notice how the sky at the top of the image becomes brighter, but the trees and rocks become darker.

image comparing varying levels of contrast

However, increasing the contrast too much can lead to a loss in image detail. It will also usually increase the saturation of the image, which we'll discuss in more detail below.

Try this!

Drag the slider in the interactive below to adjust the contrast of the image.

To adjust the brightness and contrast:

Remember, we'll be using Pixlr X throughout this lesson, so this process may vary depending on the software you're using.

  1. Go to Pixlr X in your web browser, then click Open Image to select the image from your computer.
  2. Click the Adjust button.
    A screenshot of the Pixlr X interface.
  3. Click and drag the sliders to adjust the brightness and contrast. Take some time to try out different combinations to find what looks best for the image. A preview will appear as you adjust each setting. In this example, we're actually decreasing the contrast to prevent the brightest parts of the image from looking too bright.
    A screenshot of the Pixlr X Adjust menu.
  4. If you like the results, click the Save button to keep this new version of the image.

Many advanced image editing applications, including Photoshop, also feature other tools to adjust settings like levels and curves. These tools are similar to the ones shown above, but they'll give you an even finer level of control over brightness and contrast. To learn more about using levels and curves, review our Photoshop Basics tutorial.

screenshot of photoshop

Color corrections

There may be times when you want to adjust the colors in an image. For example, you may want to highlight certain colors in the image or even change the colors for artistic effect.

Saturation

Sometimes the colors in an image may appear to be dull or muted. You can compensate for this by increasing the saturation, which can make the colors look richer, or more vivid. You can see an example of this in the images below.

image showing photo at different levels of saturation

On the other hand, you can reduce the saturation to make the colors less vivid. If you remove the saturation completely, it will produce a black-and-white, or grayscale, image. You can see an example of this in the images below.

image showing photo at different levels of saturation

Try this!

Drag the slider in the interactive below to adjust the saturation of the image. Careful, though! Too much saturation will cause the image to lose detail.

To adjust the saturation:

  1. With the image open in Pixlr X, click the Adjust button.
    A screenshot of the Pixlr X interface.
  2. Click and drag the Saturation slider to increase or decrease the saturation. A preview will appear as you adjust the setting.
    A screenshot of the Pixlr X adjust menu.
  3. If you're satisfied with the results, click the Save button to keep this new version of the image.

Be careful not to increase the saturation too much. This can cause the colors to look unnatural, as in the example below.

image showing the effect of too much saturation

Other color corrections

There are many other ways to adjust the colors in an image. Color correction tools may vary depending on your image editing application, but you can learn more about some common ones below.

  • Vibrance: This tool lets you boost the saturation for the parts of the image that are less colorful without oversaturating the parts that are already colorful. This helps prevent the colors from looking unnatural.
  • Temperature: This tool adjusts how warm or cool the colors in the image appear. In general, a warmer temperature will look more red or orange, while a cooler temperature will look more blue.
  • Filters: Many apps, such as Instagram, have predefined combinations of color adjustments that you can quickly apply to create interesting effects. For example, they can make your photos look like they were taken with a vintage camera.

Sharpening

Sometimes an image may not be as clear as you'd like it to be. Sharpening can help make them look crisp and clear by enhancing the edges of objects in the image. However, adding too much sharpness can actually make an image look worse, or lead to a loss in image detail. Take a look at the example below.

images comparing varying levels of image sharpness

As you can see, the right amount of sharpness makes the photo look very crisp. In the center image, for example, it's easy to see the edges of the bird's feathers. But adding too much sharpness can cause the edges to look exaggerated and unnatural, as in the image on the right. You may have also noticed that the background in the over-sharpened image has a lot of added image noise.

Try this!

Drag the slider in the interactive below to adjust the sharpness of the image. Try to make the image look crisp but not oversharpened.

To sharpen an image:

  1. With the image open in Pixlr X, click the Filter button.
    A screenshot of the Pixlr X interface.
  2. Click and drag the slider to add the desired amount of sharpness. A preview will appear as you adjust each setting.
    A screenshot of the Pixlr X Filter menu.
  3. If you're happy with the end result, click the Save button to keep this new version of the image.

To learn more about sharpening, review this tutorial from Cambridge in Colour.

Image noise

Some images may have a lot of noise, which causes them to look grainy. You can compensate for this by reducing the image noise, as in the example below.

images demonstrating noise reduction

Just like the other adjustments we cover in this lesson, you'll need to use this feature carefully. Removing too much noise from the image can result in blurriness and a loss of detail.

Try this!

Drag the slider in the interactive below to adjust the level of noise reduction. Remember, removing too much noise will cause the image to lose detail. Try to find a level that makes the image look clean without losing too much detail.

To reduce image noise:

Like many basic image editing applications, Pixlr X does not include a noise-reduction tool. You can, however, use the free Pixlr Editor to reduce image noise if this tool is not included in your image editing application.

  1. Go to the Pixlr Editor, then select Open image from computer to open the image.
  2. Click the Filter menu, then select Denoise. In other applications, this option may say Reduce Noise.
    screenshot of Pixlr
  3. Some noise will be removed from the image. You may need to use this tool more than once to remove the desired amount of noise.
  4. Click the File menu, then choose Save to save this new version of the image.

If you're using Photoshop, you'll be able to adjust the amount of noise that is reduced. For more information, review our Photoshop Basics tutorial.

Automatic adjustment tools

If you're not exactly sure what kind of corrections to use—or if you're just looking for a quick way to make your images look better—many applications include an automatic adjustment tool. This feature will analyze the image and make corrections to try to improve its appearance. In Pixlr X, you can find this tool by clicking Adjust, then the Auto Fix button.

A screenshot of the Pixlr X interface.

Other applications, such as Photoshop, may have more specific tools. Photoshop has several options, including Auto Tone, Auto Contrast, and Auto Color.

screenshot of photoshop

Most of the time, these tools will improve the overall look of an image. However, you can always manually adjust an image after using them. One idea might be to use an automatic adjustment tool first, and then make smaller corrections to get the image to look exactly the way you want.

Other common corrections

There are several other corrections you may need to make, depending on the type of image you're editing. For example, many image editing applications include a red eye-removal tool, which you can use to fix a common problem that happens when the camera's flash causes a subject's eyes to look red. Many programs also include a set of touch-up tools, which you can use to remove blemishes or unflattering details from images.

Challenge!

To practice making the adjustments covered in this lesson, download some or all of our example images. Just click any of the images below to open a full-sized version, then right-click the full-sized version and select Save Image As to save it to your computer.

image of museum
image of pink flowers
image of plants
image of squirrel
image of tower
image of people on wall
  1. Open an image in an image editing application, like Pixlr X.
  2. Try increasing and decreasing the brightness and contrast of an image. Take the brightness or contrast to the highest and lowest settings to see the effect. Try to find the settings that look best for the image.
  3. Try increasing and decreasing the saturation of an image. Take the saturation to the highest and lowest settings to see the effect. Try to find the setting that looks best for the image.
  4. Experiment with other color correction tools like Temperature and Vibrance to see how they work.
  5. Try sharpening an image to see if it can improve clarity.
  6. Save a copy of the edited image. You'll want to choose a new file name to avoid accidentally overwriting the original version.