How to Resize an Image Without Distortion

Understand aspect ratio

Aspect ratio is the relationship between width and height. A 2400 × 1600 image has a 3:2 ratio. At half size it becomes 1200 × 800; both dimensions change by the same factor.

Changing only the width to 1200 while leaving the height at 1600 forces a 3:4 shape and stretches the content. An aspect-ratio lock calculates the paired dimension automatically.

Use crop or padding for a different shape

A square avatar cannot contain an entire landscape image at full-bleed without either cropping the sides, adding empty space, or distorting the picture.

Crop when losing edge content is acceptable. Use contain or padding when the whole source must remain visible. Never stretch faces, logos, or products just to satisfy dimensions.

• Cover: fill the frame and crop overflow.
• Contain: show the whole image and accept padding.
• Stretch: changes proportions and should normally be avoided.

Downscaling and enlargement have different limits

Downscaling combines source pixels and removes detail that no longer fits. A good resampler can keep edges clean, but tiny text may still become unreadable.

Enlargement estimates new pixels between existing ones. It can make the pixel dimensions larger but cannot recreate texture or focus absent from the source.

• Keep a high-resolution master.
• Check sharpening and halos after large reductions.
• Do not describe interpolation as restored detail.

Export with the right format and quality

Resizing is followed by encoding. PNG preserves alpha and exact exported pixels, while JPG and lossy WebP apply a quality tradeoff. JPEG output requires a solid background wherever the source was transparent.

Inspect the final download at intended size and at 100% zoom. Confirm dimensions in file properties and check that the destination does not crop again.

• Use a transparent format when alpha matters.
• Avoid repeated lossy saves.
• Test the final asset in its actual layout.