Skip to content

Image Resizer

Resize images by pixels or percentage in your browser - no upload.

Runs in your browser

Drop an image, choose new dimensions (pixels or percentage), keep the aspect ratio locked if you want proportional scaling, and download. The original is never modified or uploaded - the resized copy is generated locally via the Canvas API.

Drop an image here or click to choose
PNG, JPG, WebP, AVIF, GIF, BMP

How to use it

  1. Drop an image

    Drag a PNG / JPG / WebP / AVIF / GIF onto the dropzone or click to pick one.

  2. Set the new dimensions

    Type pixels (lock aspect ratio for proportional scaling) or use the percentage shortcut (50%, 25%).

  3. Download

    The resized copy downloads with `-resized` appended to the filename. The original is untouched.

What is it?

An image resizer changes the pixel dimensions of an image - shrinking it to save bandwidth, or fitting it to a target spec. The browser's Canvas API handles the actual resampling using bilinear or bicubic interpolation depending on the engine. Quality is preserved when you shrink; upsizing can't add detail that wasn't in the source.

When to use it

Resizing photos before uploading to a service with a max file size, fitting an image to a specific design slot (1200×630 for OG, 1080×1080 for Instagram), or batch-shrinking a screenshot for a documentation page. Anywhere you need to change pixel dimensions without round-tripping through Photoshop.

Common mistakes

Forgetting to lock the aspect ratio and ending up with a stretched / squashed image. Saving the same image at the same dimensions repeatedly (each save through a lossy format like JPG loses a little quality - the so-called 'generational loss'). And upsizing in the hope of recovering detail - it doesn't work; pick a higher-res source instead.

FAQ

Pixels or percentage?
Pixels when you have a target spec (e.g. 'must be exactly 1200×630 for OG image'). Percentage when you're just shrinking ('half the size of the original'). Lock the aspect ratio in either mode to avoid stretched output.
Does upsizing improve quality?
No. Upsizing (e.g. 500px → 2000px) doesn't add detail; Canvas interpolates between existing pixels. The result looks blurry compared to a true 2000px source. Use this tool to shrink confidently; for upsizing, find a higher-resolution source or use an AI upscaler.
What format is the output?
Same format as the input (PNG stays PNG, JPG stays JPG). To change the format too, run the output through the image-converter tool.

More in this category