Image Editing 101

Getting Started with Image Editing

Introduction

Have you ever needed to edit an image on your computer but weren't quite sure how to get started? Perhaps you were asked to edit a picture for a company newsletter or blog article, or maybe you just wanted to touch up some vacation photos before sharing them with your friends. The truth is, almost any image can be improved with some slight editing.

While image editing might seem a bit complicated, you don't need to be a professional designer or photographer to learn how it works. Want proof? Take a look at the images below. We were able to make this photo look a lot better with a few simple adjustments , and they took less than five minutes to complete.

image before and after editing

Whether you need to work with images at home or at the office, this tutorial will cover the basics you'll need to know to get started. You should be able to apply these techniques in almost any image editing software.

Once you know the fundamentals, you can review some of our other tutorials to learn more about using specific image editing applications.

Understanding the basics

We see digital image files every day in a wide range of places. Whenever you see a picture on a computer or smartphone, you're looking at a digital image file. When you take a picture with a digital camera, you're saving it as an image file. Even the images you see offline, like those in newspapers and magazines, probably started as digital image files before they were printed.

Have you ever thought about how image files actually work ? Here are some of the basics.

Pixels

Every digital photo is made up of pixels , often abbreviated as px . You can think of a pixel as a tiny square that uses a specific color. When you look at an image file on a computer, you're really looking at thousands and thousands of pixels. But because each pixel is so small, you normally won't notice each of them unless you zoom in .

image illustrating pixels

Dimensions

When you refer to the height and width of an image, you're talking about its dimensions . For example, if an image is 500 pixels wide and 200 pixels high, you could say that its dimensions are 500px by 200px (the width is usually listed first). Let's look at a few other examples.

The image below is 450px by 300px. Because this image is wider than it is tall, it's using a landscape orientation.

image that is 450 pixels wide by 300 pixels tall

The image below is 300px by 450px. Because this image is taller than it is wide, it's using a portrait orientation.

image that is 300 pixels wide and 350 pixels tall

Resolution

You can think of an image's resolution as the amount of detail contained in the image. The higher the resolution, the more quality the image will have. Resolution is especially important if you're thinking of printing or resizing an image. This is because you can generally make an image smaller without noticing much of a difference in the quality. However, making an image larger than its original size will usually result in a noticeable loss in quality.

In the example below, the smaller version still looks sharp and clear .

resizing an image to make it smaller

If you try to make a low-resolution image any larger, it simply won't have enough detail to look good at the new size. As you can see in the example below, the resized image is blurry and doesn't have a lot of detail. You might also notice that some parts of the image look blocky, or pixelated .

resizing an image to make it bigger

Image file formats

There are several file formats used with images. It's important to understand the basics of image file formats, along with the most common ones you'll see when working with images.

File size and image compression

Digital image files can be very large and take up a lot of hard-drive space. Because of this, many file formats use compression to reduce the file size . There are two main types of file compression:

  • Lossy : This compression type removes some information from the image and lowers the overall quality to reduce the file size.
  • Lossless : This compression type does not remove any information from the image, but it typically cannot reduce the file size as much as lossy compression.

Images that use lossy compression can be saved at different quality levels . The lower the quality, the smaller the file size. This is because lowering the quality also removes more information from the image. In the example below, you can see the same image saved at different quality levels.

image comparing vary levels of image degregation and quality

Try this!

Drag the slider in the interactive below to adjust the compression quality. Remember, higher quality levels will also increase the file size. Try to find a setting that looks good while keeping the file size relatively small.

Recommended file formats

These are the most common file formats. We recommend using them most of the time:

  • JPEG : Pronounced jay-peg , this file type is commonly used for photographs , and most digital cameras save photos in this format by default. JPEG uses lossy compression , which means it provides a reasonably high level of quality without a very large file size.
  • PNG : Pronounced ping or p-n-g , this file type is commonly used for graphics and illustrations , although it can also be used for photographs. PNG uses lossless compression , meaning photographs saved with this format will usually be of a higher quality than JPEG images, but the file size will be much larger.

Other common file formats

There are several other image file formats you may encounter. One common image format is GIF . Pronounced gif or jif , the GIF file type was originally designed for graphics but is now most commonly used for simple animated images online. The image below is an animated GIF file.

an animated GIF image

There are also some file formats that do not use compression , like RAW and BMP . Some digital cameras use a RAW format to save very high-quality images. Because these formats are uncompressed, the files tend to be much larger than JPEG and PNG files.

Keeping your originals

Whenever you edit an image file, there's a chance some of the original information from the image can be lost. Also, if you edit the same file over and over again, the edited image can begin to look much worse than the original. This is called image degradation , and it's especially problematic for files that use lossy compression, like JPEG images.

The good news is there's an easy way to avoid this problem. If you're planning on making even basic changes to an image, like cropping or resizing, 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.