Understanding Image Dimensions and Resolution
An image's dimensions tell you how many pixels it contains, not how sharp it will look everywhere. Screen size, print size, viewing distance, scaling and source detail also affect the result. Knowing which measurement matters can prevent accidental blur or unnecessarily large exports.
Pixels are the basic measurement
An image labeled 2400 × 1600 is 2400 pixels wide and 1600 pixels tall. Multiply the two numbers to find the total: 3,840,000 pixels, or 3.84 megapixels. The image's file size is a separate quantity measured in bytes. Two pictures with the same dimensions can have very different sizes because of subject detail, compression and format.
An image may contain many pixels but still be blurry if it was captured out of focus. Exporting it at a higher resolution cannot restore lost focus.
Aspect ratio describes shape
Divide width by height to get the aspect ratio. A 1920 × 1080 picture has a ratio of 16:9, meaning that for every 16 units of width it has 9 of height. A 1080 × 1080 image is square, with a 1:1 ratio. Portrait photography often uses ratios such as 3:4 or 2:3.
To maintain a source ratio, scale width and height by the same factor. For example, reducing 2400 × 1600 by half gives 1200 × 800. Changing it to 1200 × 1200 instead changes the shape and may distort the subject.
CSS pixels and physical screen pixels differ
Web layouts are commonly measured in CSS pixels. A 400-CSS-pixel image element can be rendered using more physical screen pixels on a high-density display. It is therefore sometimes useful to provide a source image with more pixels than the CSS width. Exactly how many depends on responsive design, display density and whether visitors need to zoom.
This does not mean uploading the full-resolution camera original everywhere. Good web delivery uses appropriately sized sources and often responsive image markup to avoid sending oversized files to small screens.
Print resolution is a separate decision
Printing involves physical dimensions. A 1800 × 1200 image printed at 6 × 4 inches works out to 300 pixels per inch in each direction. The same pixels printed at 12 × 8 inches work out to 150 PPI. Whether those results look good depends on the printer, subject and viewing distance.
PPI and DPI are sometimes used interchangeably in casual discussions, but pixels per inch describes raster sampling while dots per inch can describe a printer's physical output mechanism. A metadata label of “300 DPI” does not magically increase the number of pixels.
A practical calculation
Suppose an upload form asks for a picture no wider than 1200 pixels and no taller than 800 pixels. Your original is 3000 × 2000. Because both have the same 3:2 ratio, setting 1200 × 800 is a proportional downscale. If the source were 3000 × 4000 instead, a proportional fit inside that rectangle would yield 600 × 800, not 1200 × 800.
VeyraPixel's preset behaves this way when Keep original proportions is checked. It fits the whole image within the selected box rather than cropping or stretching it.
Questions to ask before export
- Where will the image appear: a website, message attachment, print, or document?
- Does the destination restrict dimensions, file bytes, or both?
- Does the picture contain small text or intricate detail that needs inspection?
- Are transparent pixels or exact colors important?
- Do you have an original that is large enough for the intended use?
Use the image resizer to inspect original dimensions before changing them. If you are choosing between fitting and stretching, read how to resize without distortion.