How do pixel dimensions relate to resolution?

307 views

I’m a professional graphic designer. 4 years of college and 3 years of job experience have not been able to explain this.

Why is it that two images with the same pixel dimensions can be different resolutions? As I understand it, a pixel is one dot of color in a larger image, and resolution is a measurement of pixel density, so two images displayed at the same size with the same number of pixels should always be the same resolution.

I created an image for an email signature at about 1200 pixels wide. When implemented, the computer scaled it down to 299 pixels wide so it would fit, and it looked perfectly crisp and clear. This part makes sense to me.

To minimize the load time and storage for the image, I scaled it down to 299 pixels wide in Photoshop – exactly the same size it was in the signature – but it came out far lower resolution than it was on the email signature.

How can this be? This isn’t the first time I’ve encountered this issue. In fact, I run into it so often that I normally avoid using pixels as a measurement for images entirely. I’ve googled it many times with no solid answer. I struggle to understand why we even bother measuring images in pixels if the measurement doesn’t mean anything.

In: 6

6 Answers

Anonymous 0 Comments

Pixel dimensions is about measurements, resolution is about density.

Lets suppose you have the same image, a portrait picture that’s 1200 x 1800 px

If you print it at a resolution of 300 dpi, you’re gonna have a picture of 4 x 6 inches, but if you print it at 600 dpi, you’re gonna have a picture that’s 2 x 3 in. Inversely, if you print it at 75 dpi, you’ll have a very pixelated 16 x 24 in. picture.

You are viewing 1 out of 6 answers, click here to view all answers.