Resize Image

Use Resize Image to change the pixel dimensions of a JPG, JPEG, PNG, or WebP image.

You can enter a custom width and height in pixels or resize the image proportionally using a percentage from 10% to 150%.

The current Resize Image workflow processes one image at a time directly in your browser.

Resize Image provides two ways to change image dimensions.

"Resize by Pixels" lets you enter the target width and height in pixels. When "Lock Aspect Ratio (Proportional)" is enabled, changing one dimension automatically recalculates the other using the original image proportions.

When the aspect-ratio lock is disabled, width and height can be changed independently. This can alter the proportions of the image and may cause the result to appear stretched or compressed.

"Resize by Percentage" scales both dimensions proportionally from the original image size. The current percentage control supports values from 10% to 150%.

"Lock Aspect Ratio (Proportional)" is enabled by default in pixel mode.

When the lock is enabled, changing the width recalculates the height proportionally, and changing the height recalculates the width proportionally.

This helps maintain the original width-to-height relationship of the image.

If you disable the aspect-ratio lock, you can set width and height independently. Use this option carefully because dimensions with a different ratio from the source image can change the visible proportions of the result.

Reducing image dimensions creates fewer output pixels and can be useful when you need a smaller resolution for websites, forms, uploads, or other size-limited workflows.

Increasing image dimensions creates a larger pixel grid from the existing source image. The browser must interpolate image data when generating those additional pixels, so enlarging an image does not create new source detail and may make the result appear softer.

Percentage mode supports scaling from 10% to 150% of the original dimensions.

Review the resulting image whenever sharpness or exact dimensions are important.

Resize Image is designed primarily for changing image width and height.

Compress Image is designed primarily for reducing image file size using encoding-quality controls or a target maximum file size.

Resizing can also affect file size because the output image is re-encoded and may contain a different number of pixels, but file-size reduction is not the same as selecting a specific compression quality or target file size.

Use Resize Image when dimensions are your main requirement. Use Compress Image when file size or encoding compression is your main requirement.

The selected image is decoded in the browser, drawn at the requested dimensions using browser canvas processing, and encoded into the generated output image.

The current Resize Image tool does not provide an output-format selector. The resize workflow uses the selected image's supported MIME format when creating the output.

Because canvas processing re-encodes the rendered image, source metadata and color-profile information should not be assumed to remain identical to the original file.

Transparency behavior can also depend on the source format, output encoding, and browser implementation.

If metadata, transparency, color behavior, or exact visual reproduction is important for your workflow, review the downloaded image before using or submitting it.

Resize Image is designed for resizing one image at a time using custom pixel dimensions or percentage scaling.

Batch Image Resize is intended for workflows where multiple images need to be resized in one session.

Use the workflow that matches the number of images you need to process.

Resize performance can depend on the source image file size, pixel dimensions, requested output dimensions, available browser memory, browser implementation, and device resources. Large or high-resolution images can require additional memory during image decoding, canvas rendering, and output encoding. Upscaling to larger dimensions can also increase the memory required for the output canvas. Performance may vary between devices and browsers, especially when processing very large images.