Skip to content

Image Resizer

Process images in your browser — your files never leave your device.

Image ToolsFreeRuns in your browser
Interactive image resizerRuns in your browser, nothing uploadedFree, no account
Overview

What is the Image Resizer?

This tool changes an image's pixel dimensions — by exact width and height, or by percentage — and re-exports it as JPG, PNG or WebP at a quality you choose. With aspect ratio locked, changing the width automatically recalculates the height (or vice versa) so the image scales proportionally with no distortion. Unlock it and you can set width and height independently, which stretches the image to exactly fill that box — useful for a fixed banner slot, but it will visibly distort anything that doesn't already match the target ratio. There is no separate crop-to-fill mode here; if you need to fill a box without stretching, crop first.

Resizing and compressing solve different problems. Resizing changes the pixel grid — a 4000×3000 photo becomes 1200×900, say — which shrinks file size as a side effect of having fewer pixels to store. Compressing keeps the same pixel grid and squeezes the encoding instead. For the smallest possible file, do both: resize down to the dimensions you actually need, then compress the result.

Benefits

Why use a free image resizer?

Resize by exact pixels or by percentage

Switch between typing a target width/height and scaling by a percentage of the original — useful when you know the exact output size you need versus when you just want it "half as big."

Aspect ratio lock prevents accidental distortion

With the lock on, editing width recalculates height (and vice versa) automatically, so you can never accidentally stretch a photo out of shape while resizing.

Choose the output format on the way out

Export the resized image as JPG, PNG or WebP regardless of the source format, with a quality slider for the lossy formats.

High-quality resampling

Resizing uses the browser's high-quality image smoothing rather than nearest-neighbour scaling, so downscaled photos stay sharp rather than looking pixelated or aliased.

Nothing uploaded

Resizing runs entirely in your browser via the Canvas API — your image is never sent to a server.

Guide

How do you use the Image Resizer?

  1. 1

    Upload your image

    Drag and drop any image file, or click to browse. The current dimensions load automatically as the starting width and height.

  2. 2

    Choose pixels or percent

    Pick "Pixels" to type an exact target width and height, or "Percent" to scale relative to the original size — for example, 50% halves both dimensions.

  3. 3

    Lock or unlock the aspect ratio

    Leave it locked to resize proportionally with no distortion. Unlock it only if you deliberately need to stretch the image to an exact width and height that doesn't match its original ratio.

  4. 4

    Pick the output format and quality

    Choose JPG, PNG or WebP for the result. PNG has no quality setting since it is lossless; JPG and WebP use a 10–100% quality slider.

  5. 5

    Resize and download

    Click Resize image, check the new dimensions and file size, then download the result.

Formula

How is image resizer calculated?

Locked: new height = new width ÷ (original width ÷ original height). Unlocked: new width and new height are set independently.

Where:

original width, original height
The source image's pixel dimensions, loaded automatically when you upload it
aspect ratio
original width ÷ original height — held constant when the lock is on
new width, new height
Your target pixel dimensions, or the original dimensions scaled by your chosen percentage

The simple version

With the aspect ratio locked, this is simple proportional scaling — think of it like resizing a photo by dragging a corner handle, where the shape never changes, only the size. Type a new width and the height follows automatically to keep the same proportions, and vice versa. Unlock it and you're setting width and height independently, which stretches the image to fit exactly — the image content itself gets squeezed or spread to match, which is only visually correct if the new box happens to share the original's aspect ratio.

Examples

What does it look like in practice?

Shrinking a phone photo for the web

Input

4032×3024 JPEG, resized to width 1200 with aspect ratio locked

Result

1200×900, file size drops from 4.1 MB to roughly 280 KB at quality 85

Locking the aspect ratio means height (900) is calculated automatically from the new width — no manual math needed, and no distortion.

Scaling by percentage

Input

2000×1500 PNG, percent mode set to 25%

Result

500×375

Percent mode is useful when you want a proportional reduction — "a quarter the size" — without calculating the exact target pixels yourself.

Stretching to fill a fixed banner slot

Input

1600×900 photo (16:9), width set to 1200 and height set to 400 with the lock off

Result

1200×400, visibly stretched vertically compressed

Unlocking the aspect ratio to hit an exact box size distorts anything that doesn't already match that ratio — 1600×900 is 16:9, but 1200×400 is 3:1, so the image is squeezed. Crop to 3:1 first if you want it to fill the slot without warping.

Accuracy

How accurate is it?

Resizing draws the source image onto a canvas at the target pixel dimensions using the browser's high-quality image smoothing (imageSmoothingQuality: "high"), then encodes the result to your chosen format. The dimensions and file size shown after resizing are exact, taken from the actual output file.

  • Enlarging an image beyond its original resolution does not add real detail — the canvas interpolates between existing pixels, which produces a softer, not sharper, result at large upscale factors.
  • Choosing JPEG as the output format flattens any transparency onto solid white before resizing, since JPEG has no alpha channel — this happens regardless of whether the source was PNG or WebP.
  • File size after resizing depends on both the new pixel count and the quality setting for JPG/WebP output — PNG output size is not directly controllable beyond the dimension change itself.
  • There is no crop-to-fill or letterboxing mode — an unlocked aspect ratio stretches the image to the exact box you specify rather than cropping or padding it.
Details

What should you know before using it?

How the two resize modes behave, and when to use each:

ModeBehaviour
Pixels, locked aspect ratioProportional scale. Set one dimension, the other follows automatically. Never distorts the image.
Pixels, unlocked aspect ratioStretches to the exact width and height you set. Distorts the image if the target ratio differs from the original.
PercentScales both dimensions by the same factor — always proportional, since width and height move together.
Output format: PNGLossless, no quality slider, keeps transparency.
Output format: JPGLossy with adjustable quality, transparency flattened to white.
Output format: WebPLossy with adjustable quality, keeps transparency.
Applications

When should you use a image resizer?

Because the image resizer runs entirely in your browser, it suits work you would not want to hand to a third-party server — client files, unpublished drafts, anything under an NDA. These are the situations people reach for it in most often.

Preparing images for a website

Displaying a 4000px-wide photo in an 800px content column wastes bandwidth on pixels nobody sees. Resizing to the actual display width before uploading cuts load time directly.

Meeting a platform's exact dimension requirements

Social media profile photos, marketplace listings and ad platforms often specify exact pixel dimensions. Pixel mode with the aspect ratio unlocked hits those requirements precisely, when the source already has a compatible ratio.

Reducing email attachment size

A batch of full-resolution event photos resized to a reasonable width before attaching keeps a whole set under a mail provider's size cap.

Standardizing image sizes across a product catalogue

Resizing every product photo to the same target width keeps a store's image grid visually consistent.

Open the Standardizing image sizes across a product catalogue
FAQs

Frequently asked questions

How do I resize an image without distorting it?
Keep the aspect ratio lock turned on. With it locked, changing the width automatically recalculates a proportional height (and vice versa), so the image scales evenly and never gets stretched or squeezed. Only unlock it if you deliberately want to force an exact width and height that don't match the original ratio.
What is the difference between resizing by pixels and by percent?
Pixel mode lets you type an exact target width and/or height — useful when a platform specifies exact dimensions. Percent mode scales both dimensions by the same factor relative to the original — useful when you just want the image "half as big" or "25% of the original size" without calculating the exact pixel numbers yourself.
Does resizing an image reduce its file size?
Usually, yes — fewer pixels means less data to store, so a resized image is typically smaller even before applying any compression. For the smallest possible result, resize down to the dimensions you actually need, then compress the output on top of that.
Can I resize an image to a specific aspect ratio without cropping?
Not without distortion. If you unlock the aspect ratio and set a width and height that don't match the original ratio, the image content stretches to fill that exact box rather than being cropped. If you want a specific ratio without stretching, crop the image to that ratio first, then resize.
Will enlarging a small image make it look better?
No. Enlarging beyond the original resolution interpolates between existing pixels rather than adding real detail, which usually makes the image look softer, not sharper. This tool is best used to make images smaller, not to meaningfully upscale a low-resolution source.
What image formats can I export after resizing?
JPG, PNG or WebP, regardless of what format you uploaded. PNG has no quality setting since it's lossless; JPG and WebP use an adjustable 10–100% quality slider, and JPG flattens any transparency onto a white background.
Is my image uploaded to a server when I resize it?
No. Resizing happens entirely in your browser using the Canvas API — the image is never transmitted anywhere.
Security

Is the image resizer safe to use?

This tool runs entirely inside your browser. Your text, files and settings are processed on your own device and are never uploaded to our servers — there is nothing for us to store, log or leak. You can confirm it yourself: open your browser DevTools, switch to the Network tab, and use the tool. You will not see an upload request. It also means the tool keeps working if your connection drops mid-task.

No account required No file storage HTTPS everywhere
Get in touch

Need something this tool can’t do?

If you need a feature added, spotted something wrong, or want a custom tool or website built for your business, tell us. We read every message and we build what people actually ask for.