Image guide

Pixels, aspect ratio and print size: what to change first

A practical way to choose image dimensions for websites and printed drafts without mistaking DPI metadata for new detail.

Pixels are the detail you have

A 1200 × 800 image contains 960,000 pixels. A DPI or PPI field in metadata can describe a proposed print scale, but changing that field alone does not add pixels. If you print the same source at twice the width, those pixels spread across twice the distance and detail appears softer. An upscaler can interpolate a larger grid, but it cannot recover tiny text or real texture that was never present.

For a website, start from the image's displayed size in CSS pixels and consider whether high-density screens require a larger asset. If a thumbnail appears at roughly 300 × 200 CSS pixels, a 600 × 400 output may be useful for sharpness on many screens. Exporting a 6000-pixel photo for that slot wastes bandwidth and can hurt page speed. If the site serves several layout sizes, its HTML should choose responsive sources rather than forcing one huge file on every phone.

Avoid accidental stretching

Aspect ratio is width divided by height. A 3:2 photograph cannot become square without either cropping a region, adding padding, or distorting the scene. Resize Image maintains proportions when that control is enabled; Crop Image removes an area to change the shape. Choose the method based on the content: do not stretch a face or product simply to meet a listing rule.

For a print draft, divide available pixel dimensions by the intended inches to estimate pixels per inch. A 3000-pixel-wide image printed at 10 inches yields about 300 pixels per inch. Viewing distance, paper and printer settings change what is acceptable, so request the printer's actual requirements for final production. Test a small crop at final scale before committing to a large batch. Keep the original and name outputs by destination and dimensions.