Image resizer

THE PRACTICAL GUIDE · NORMANDIN SYSTEMS

Get more from Image resizer

Image Resizer changes an image's pixel width and height and provides a preview with downloadable format options. The workspace includes aspect-ratio choices, a ratio lock, custom dimensions, and a reset to the original size. Resizing changes the pixel grid; it differs from cropping, which changes the visible framing, and from changing only a document's display size. Image workflows have two separate concerns: the appearance of the picture and the format of the saved file. Keep the original image so you can compare the result and try different settings without accumulating quality loss. Pixel dimensions, transparency, compression, and metadata are different properties; changing one does not necessarily preserve the others. A useful final check is to open the downloaded file in the application where you actually intend to use it, at its normal display size.

Guide updated October 13, 2026

How to use this tool

1. Choose a representative source image first. A small test file makes it easier to understand the controls before processing a large photograph or a whole collection.
2. Upload the image, set width and height or a ratio, choose whether to lock proportions, and inspect the resized preview.
3. Review the example below and compare its expected behavior with a small sample of your own input before continuing.
4. Inspect the result at normal size and at a closer zoom, then save the output with a distinct filename so the source remains available.

SEE IT IN PRACTICE

A worked example

A 2400 × 1600 image resized proportionally to width 1200

A 1200 × 800 image

Keeping the original 3:2 ratio halves each dimension without stretching the subject.

Aspect ratio versus exact dimensions

Keeping the original aspect ratio avoids distorting the subject. For example, reducing a 3:2 photograph to a width of 1200 pixels leads to a proportional height of 800 pixels. A requirement for an exact square is a different task: forcing both dimensions without cropping can squash the image. Use a crop when you need a new frame, and resize when you need a different pixel grid. The ratio presets help describe the intended proportions, while the lock determines whether changing one dimension should drive the other.

Pixels, display size, and sharpness

Pixel dimensions describe the saved image, while CSS or document layout controls how large it appears. A high-density display can need more source pixels than the nominal CSS width to look sharp, but an oversized source can waste bandwidth. Upscaling creates additional pixels by interpolation and cannot restore fine detail that was never captured. Inspect text, diagonal edges, and photographic texture at the intended use size. After downloading, verify the actual dimensions and chosen output format, since a correctly sized preview is not sufficient evidence about the saved file.

When this tool is useful

• Prepare a smaller website image
• Match an upload size requirement
• Create consistent preview dimensions for a collection

Tips for a better result

• Check the saved pixel dimensions, subject proportions, and fine detail at the intended display size before replacing the source asset.
• Compare edges, text, transparent areas, and gradients rather than judging only the thumbnail. These are often the first places a conversion or adjustment changes the visible result.
• Keep the source and the settings used for this result together. That makes a later comparison or correction easier, especially when another person needs to reproduce the same outcome.

Frequently asked questions