e-motional web design

Picture Resolution Defined

So, what is resolution exactly?

In very simple terms, an image’s resolution is measured by the number of pixels or dots per the unit of printed size in the image. When talking about screen images, resolution is stated in pixels per inch (ppi), and when talking about printed images, it’s stated in dots per inch (dpi). Why, you ask? Simple … screens use pixels and printers use dots.

A pixel  is simply a dot of color. When you put all of the pixels (or dots of color) together, you get the full image. A 100 x 100 pixel image is actually comprised of 10,000 individual pixels that, when viewed together as a whole, make up the image. The more pixels an image contains, the more detail that image will have and the more “crisp” it will appear.

Images for the Web: 72 dpi

Most computer monitors display a maximum of 72 dpi. Therefore, when preparing images for use on a website, 72 dpi at final screen size is the norm. When it comes to web, you want your images to be as small in file size as possible so that your pages load as quickly as possible. Reducing the resolution to 72 dpi will help to get your images as small in size as possible. Of course, you can put up higher resolution images on a website, but keep in mind that the more resolution an image has, the larger it’s file size will be and the longer it will take to download and display on a web page.

Images for Print: 300 dpi

In print projects, resolution is key. If the images that you include in a print project do not have high enough resolution, they will appear fuzzy, jagged, or blurry. Most professional printers require a minimum of 300 dpi for all images at the final print size. However, some printers require even higher resolution, so it’s always a good idea to check with your printer on their recommended printing resolution. Generally, the higher the resolution of your image is, the better the quality of the image will be when printed.

Pixelization: the jagged stairstep effect you see on a low resolution image printed larger than optimal for its file size.

News Articles
Newsletter Subscription

The latest News from
e-motional web design sent directly to your email inbox!


Contact e-motional web design for Your

Free No Obligation Price Quote!

Phone: 1.250.588.7543

Email: contact@e-motionalwebdesign.ca

*Prices are subject to the specific requirements of each customer