toolgarden.xyz
中文

Image resize

Free online image resize tool that runs locally in your browser by entering a target width or height while keeping the original ratio

Image resize

Supported formats
JPGPNGWebPGIFBMPSVGAVIF

All file processing happens locally. Files are not uploaded to any server, and data is cleared when you close the page.

Resize preview

IMG

Waiting for an image

Upload an image and enter a target width or height. The other dimension is calculated from the original ratio.

About this tool

Image resizing resamples pixels into a specified width and height. Preserving aspect ratio prevents people and circles from stretching. Unlocking the ratio can force a fill, but it changes geometry and is usually inappropriate for photos and brand marks.

Downsizing reduces the pixel count and often the file size, making it important for web optimization and upload preparation. Upsizing must estimate new pixels and cannot restore source detail, so obtain a higher-resolution asset when the target is much larger.

How to use it

  1. Read the source dimensions

    Check width, height, and ratio, then determine target pixels from the actual display or upload requirement.

  2. Set target width and height

    Keep proportions locked unless distortion or an already-correct target ratio is explicitly intended.

  3. Preview and export

    Inspect lines, text, and human proportions and compare file size after the dimension change.

Supported range and limits

How it scales
Proportionally to a target width or height; the framing is unchanged
Scaling down
Loses very little quality and is the most effective way to cut file size; usually better value than lowering quality alone
Scaling up
Interpolates extra pixels without adding real detail. Use Image Upscale when the result still has to look sharp
vs Crop
Resizing keeps all the content and changes the pixel count; cropping keeps pixel density and discards what falls outside
Transparency
Preserved for PNG and WebP output; filled in for JPG
Pairs well with
Resize first, then Image Compress; the two together give by far the biggest size reduction

When you would use it

  • Optimizing a web asset

    Reduce a camera image to the pixel width the page actually needs, lowering transfer and decode work.

  • Meeting an upload limit

    Generate the exact pixel width and height required for an avatar, document, or content system.

  • Bringing a camera original down to web size

    A 4000 px original is displayed at 1600 px at most, and scaling it down drops the file size by an order of magnitude with no visible difference.

What to know before you start

  • Dimensions here are pixels, not print centimeters; physical print size also depends on DPI.
  • Cropping to the correct ratio before resizing normally looks more natural than stretching to fit.
  • Repeated downsizing resamples multiple times. Export once from the source to the final size when possible.

Related concepts

pixel dimensions
The width and height of the image grid, such as 1920 × 1080 pixels.
resampling
Recalculating source pixels onto a grid with different dimensions.

Frequently asked questions

Does image resize upload my files?
No. Images are decoded, resized, and exported locally in your browser. Files are not uploaded to a server.
Does resizing keep the image ratio?
By default, it keeps the original aspect ratio. Entering a width calculates the height, and entering a height calculates the width.
Does resize crop the image?
No. Image resize scales the full image without cutting edges. Use Image crop when you need to select part of an image.
Can I choose the output format?
Yes. You can export JPG, PNG, or WebP. JPG does not support alpha transparency, so transparent areas are filled with white.
Resize or compress; which helps more?
Resizing usually helps more and costs less quality. Scale down to the size actually displayed, then use Image Compress to fine-tune quality; the two together beat quality alone by a wide margin.
Why is it blurry after scaling up?
Upscaling interpolates extra pixels and cannot invent detail. For a sharp result use Image Upscale's enhanced mode; though that texture is a model's estimate too, not recovered detail.

Related tools