Why do you need to know about image resolution? If you are ever going to print something, put a graphic on the web, or create a PowerPoint presentation yourself, you want to know about resolution and why it matters for quality.
If you are partnering with graphic design or website development professionals, you need to know what resolution is needed from your digital asset library so your deliverables can be top quality.
First, there are some important acronyms to learn: DPI, PPI, and LPI are measurements that refer to the composition of an image.
[DPI_PPI.jpg; caption: Image via Wikipedia]
The quality of a printed image depends on two things: the capabilities of the printer, and the original resolution of the digital artwork. The higher the DPI and LPI, the better the image will look when it’s printed because the dots are smaller and closer together.
Don’t confuse image size with file size. The resolution and quality of an image affects file size, and file size can affect effectiveness for a specific use. If you have an image that is high-resolution and large, but reduce it to a small area and put it on your website, it will slow your site load times and possibly discourage visitors. All that extra file size does nothing to help display your image and only slows the loading time for the viewer.
Likewise, if you use a small image and make it larger in a report, it will distort and become pixelated or fuzzy when you print it. The poor print quality may require throwing away brochures and starting over.
Adobe Photoshop leads the market in image manipulation and production. However, there are many image editing tools and utilities available, including many shareware or free utilities included with your computer. These utilities generally allow you to crop and size images, and to save them in the most common formats.
One thing that you cannot do with most images is to increase the size and dpi at the same time, while maintaining image quality. There are tools that will “res-up” an image, but they create the missing pixels by sampling the pixels next to the missing area and guessing what the color should be to fill the empty space. Vector graphics are an exception as they use geometrical shapes to represent images in computer graphics. Vector graphics are usually EPS files.
Some image editing tools will let you adjust image size, resolution, and quality. If you have a large background photo you can try reducing the quality of the image to reduce file size. Smaller file sizes are key to speeding up website page load times. The faster your page loads the better.
Here is an example of what happens to an image if you try to use it larger than the resolution supports. (The first image does not have sufficient resolution for this size, while the second image is sized appropriately.)
Print: for printing most things, images should be 300 dpi or greater at the final size. This allows high-quality printing with little distortion. You have probably seen what happens when a web image is used for print — the image becomes fuzzy. Images for newspapers can usually be at a lower resolution of 200 dpi, as the press does not produce as many dots per inch and the paper is lower quality.
Web: Use 72 dpi with the image at size. Any image with greater dpi will be reduced to display at 96 dpi or less. For presentations, you may want to use 150 dpi so your print outs are clear. The display or projector will still only present the images at 72 dpi.
Image resolution and quality is a key consideration in the creative production process. When you are investing your time and resources in materials to create change for good, you want each element to be able to work effectively for your mission.