The Most Common Resize Mistake: Distortion
Resizing images looks simple, but directly changing the width and height numbers can easily stretch an image—faces get wider, circles become ellipses. The cause is that width and height are not scaled by the same ratio, breaking the aspect ratio.
Why Keep the Aspect Ratio
The aspect ratio is the ratio of image width to height. Scaling while keeping the ratio means the image only gets bigger or smaller—the shape of the content stays the same. Breaking the ratio stretches or squashes the content.
The human eye is very sensitive to distortion—especially faces, text, and round objects. Even a slight distortion looks off.
Methods to Keep the Ratio
Lock the Aspect Ratio
Most image tools have a "Lock Ratio" option (often a lock icon). Once enabled, changing the width automatically updates the height, and vice versa. This is the simplest approach.
Scale by Percentage
Enter a percentage—for example, scale down to 50%, and both width and height multiply by 0.5, so the ratio naturally stays the same.
Set Only One Side
Set only the width or only the height—the other side is calculated automatically by ratio. For example, for a 1920×1080 original, setting the width to 960 automatically calculates the height as 540.
The Image Resize tool supports ratio-locked scaling.
Common Resize Needs
Scale Down to a Specified Width
Web images are often sized by width (e.g., 800px wide). Set the width to 800 and the height follows automatically by ratio.
Unify the Dimensions of a Batch
Batch resize: set a target width, and all images scale to that width—their heights follow their own ratios. Note that with different original ratios, the heights will differ after unifying the width.
Upscaling Images
Upscaling loses clarity (interpolation). Small images inevitably become blurry when enlarged—don't expect a 100×100 image upscaled to 1000×1000 to stay sharp. For high-definition upscaling, use AI upscaling tools.
Shrink to a Specified File Size
See the previous article "Compressing Images to a Specified Size"—resizing is one way to control file volume.
Notes on Batch Resizing
Hard to Unify When Ratios Vary
A batch of images with mixed ratios (some 4:3, some 16:9) cannot fit the same dimensions without cropping or padding.
- Unify width, vary height: suitable for horizontal layouts
- Unify dimensions + crop: suitable for grid display, but loses content
- Unify dimensions + padding: content stays intact, but with white borders
Don't Upscale Small Images
When batch resizing, images larger than the target shrink fine, but images smaller than the target become blurry when upscaled. Set a "only shrink, don't enlarge" option, or process small images separately.
Resize with DocsAll
- Upload the image
- Check "Lock Ratio" (locked by default)
- Enter the target width or height
- Or choose percentage scaling
- Download
Processing happens in the browser—photos are not uploaded.
Common Pitfalls
Filled Width and Height Without Locking the Ratio
Manually entering width 800 and height 600 when the original ratio isn't 4:3 causes distortion. Either lock the ratio or calculate the correct values before entering them.
Too Much Clarity Loss After Downscaling
Downscaling is downsampling—good tools use anti-aliasing algorithms for smooth edges. Low-quality tools leave obvious jaggies after downscaling.
Confusing Pixel Dimensions with DPI
Pixel dimensions (e.g., 1920×1080) differ from physical dimensions (centimeters), and DPI is also involved. For screen use, look at pixel dimensions; for printing, look at physical dimensions and DPI.
Summary
The key to resizing is "locking the ratio." Change one side and let the other calculate automatically, or scale by percentage. For batch resizing, mind how to handle varying ratios, and don't upscale small images. The DocsAll resize tool locks the ratio by default, processes in the browser, and keeps photos safer by not uploading them.