Understand how pixel dimensions, resolution, and physical size work together to control image quality and output in Adobe Photoshop on desktop.
Pixel dimensions, resolution, and physical size are three connected properties that images have that adjust together to maintain their mathematical relationship.
Understanding how these properties interact helps you make better choices when preparing images for screen or print. You can control how resizing affects image quality and how to preserve its quality.
Dimensions of image size
Every digital image has three parameters:
- Pixel dimensions: Defines the total number of pixels in your image, expressed as width × height. A 3000 × 2000 pixel image contains 6 million individual pixels. This is the actual data in your image file.
- Resolution: Specifies how densely pixels are packed when the image is printed or displayed. It's measured in pixels per inch (ppi) or pixels per centimeter. Resolution doesn't change the image data but only determines how that data is translated to physical measurements.
- Physical size: Indicates the dimensions of the printed image in inches or centimeters. Physical size matters for print output. Screen display depends on pixel dimensions and the monitor’s resolution.
Relationship between the parameters
Photoshop calculates these three values in the following manner:
- Physical size = pixel dimensions ÷ resolution
- Resolution = pixel dimensions ÷ physical size
- Pixel dimensions = physical size × resolution
You can't set all three values independently. When you change one parameter, at least one other must adjust to maintain this relationship. The Image Size dialog provides two distinct modes for managing these adjustments: resizing without resampling and resizing with resampling.
Resizing without resampling
When you resize without resampling, you keep the exact pixel dimensions of your image. The total amount of data remains constant. No pixels are added or removed, and only the relationship between resolution and physical size changes.
If you increase the physical print size, the resolution decreases proportionally. The same pixels are spread across a larger area, creating lower pixel density.
This approach works well when you need to adjust print dimensions or resolution while preserving every pixel of your original image data.
Example: A 400 × 400 pixel image at 100 ppi prints at 4 × 4 inches. Change the physical size to 2 × 2 inches without resampling, and Photoshop automatically adjusts resolution to 200 ppi—the same 400 × 400 pixels now fit into half the space.
Resampling: Changing pixel dimensions
Resampling adds or removes pixels from your image. It changes the amount of data in your file. Enable resampling in the Image Size dialog to recalculate pixel information to match your target dimensions.
Upsampling
Upsampling adds pixels when you increase image dimensions. Photoshop estimates what new pixels should look like, which can reduce sharpness and introduce artifacts.
Modern algorithms produce better results than older methods, but upsampling can’t add detail that wasn't in the original image.
Downsampling
Downsampling removes pixels when you decrease dimensions. Photoshop combines multiple pixels into a single pixel, discarding information in the process. This works better than upsampling because real image data informs the calculations. Downsampling reduces quality.
When you change any value in the Image Size dialog with resampling enabled, pixel dimensions adjust while maintaining your specified resolution and physical size. This differs from resizing without resampling, where pixel dimensions remain fixed.
Screen versus print size
Images behave differently on screen than in print because monitors and printers use different display methods.
On screen
Your monitor resolution (the total number of pixels your screen can display) determines how large images appear. A 1920 × 1080 pixel monitor displays exactly that many pixels across its physical dimensions.
When you view a 960 × 540 pixel image at 100% magnification, it occupies one-quarter of the screen. The same image on a 3840 × 2160 pixel monitor occupies one-sixteenth of the screen area. It appears physically smaller despite having the same pixel dimensions.
Your image's resolution setting doesn't affect how it's displayed on the screen. A 1000 × 1000 pixel image looks the same on screen whether its resolution is set to 72 ppi or 300 ppi. Both contain the same pixel data.
In print
Resolution determines physical size in print. A 1000 × 1000 pixel image prints at approximately 13.9 × 13.9 inches at 72 ppi, but only 3.3 × 3.3 inches at 300 ppi.
Higher resolution produces smaller prints with greater detail. Lower resolution creates larger prints with less detail per inch.
Professional printing typically needs 300 ppi for the best quality. Screen-destined images work well at 72–96 ppi.
Working with the Image Size dialog
The Image Size dialog lets you control these parameters.
At the top, you see the current file size and pixel dimensions, which is the actual data in your image. Below that, you can adjust width, height, and resolution using various measurement units.
The Resample checkbox determines your working mode:
- When deselected, you can only modify resolution and physical size. Pixel dimensions stay locked, preserving all original image data.
- When selected, you can change any value, and Photoshop recalculates pixel dimensions as needed.
The Constrain Aspect Ratio link icon determines whether width and height change proportionally or independently. Linked values maintain your image's original proportions. Unlinked values let you stretch or compress the image, which typically distorts the content.
Practical implications
Understanding these relationships helps you prepare images effectively.
For screen display, focus on pixel dimensions and ignore resolution settings.
For print, set resolution appropriately for your output device (typically 300 ppi). Let physical size adjust based on available pixels or enable resampling if you need specific print dimensions.
Avoid resampling when possible, especially upsampling. Start with properly sized source images rather than enlarging small files. When you must resample, do it only once, as repeated resampling compounds the quality loss.
For significant size increases, check whether your output truly needs all those pixels. Consider whether a smaller dimension serves your needs.
Resize images provides step-by-step instructions for resizing images. Use Crop tool for details on changing image dimensions.
Create stunning images with Photoshop
Edit, retouch, and transform photos with the industry-leading creative tools you know and love.
