Resize Image
Set an exact pixel width and height with an aspect lock, using stepped downscaling that keeps small versions sharp.
Resize Image workspace
Settings
Select or drop an image file
Preview
No image uploaded yet
Using Resize Image
Choose an image. Its real pixel dimensions load into the width and height boxes.
Type a new width or height, or pick one of the six presets such as the Open Graph or avatar size.
Leave Lock aspect ratio ticked to keep the proportions, or untick it to set both numbers independently.
Pick an output format if you do not want to keep the source format, then process and download.
Reductions run as repeated halving passes on an offscreen canvas before the final draw, which is why small versions keep their detail instead of aliasing. The output format follows the source file unless you change it, so transparency survives by default.
Resizing Images Without the Staircase Edges
Shrinking a 4,000 px photo to 400 px in a single draw looks crunchy for a reason that has nothing to do with your file. The browser samples only a handful of source pixels for each destination pixel and discards the rest, so fine detail collapses into jagged steps. This tool reduces in stages to avoid that, and the rest of the controls are simpler than they look.
Halving, then halving again
Each reduction runs as a chain of halving passes on an offscreen canvas, with smoothing set to its highest quality, until the picture is within a factor of two of the size you asked for. Only the final draw lands on your exact numbers. Every pass averages four pixels into one, so by the end almost every source pixel has contributed something to the result. Text in a screenshot stays legible at quarter size, and hair, fence wire and fabric weave stop breaking up into speckle.
Width, height and the lock
Type a width and the height follows, or the reverse, while the aspect lock is on. Switch the lock off and the two boxes move independently, which stretches the picture — occasionally what a banner needs, usually not.
Six presets cover the common targets: Instagram square and story, a YouTube thumbnail, an Open Graph card, HD, and a 512 px avatar. They behave differently depending on that same checkbox. With the lock on, a preset is treated as a box to fit inside, so a landscape photo sent to 1080 x 1080 comes back 1080 x 720 rather than squashed into a square. With the lock off, the preset sets both numbers exactly. If you genuinely need to fill a square frame, cut the picture to shape first in Crop Image, then scale it here.
The saved file is a fresh encode
Whatever you started with is what comes back unless you change the output format, so a JPEG returns as a JPEG and a PNG keeps its alpha channel. That save re-encodes the pixels, which means a JPEG loses a little more every time it passes through. Work from the camera original rather than from yesterday's export and the loss happens once instead of five times.
Picking JPEG or BMP for a source that has transparency will ask you for a background colour first, because neither container has an alpha channel and untreated transparency would come out black.
Going bigger buys you nothing
Enlargement is interpolation, not recovery. Doubling a 300 px thumbnail produces a 600 px image with the same information spread more thinly and slightly softer edges. No browser can invent detail the original never recorded, so treat upscaling as a way to satisfy a minimum-size requirement, never as a repair.
Two things this tool does not offer
There is no percentage input and no bicubic-versus-bilinear menu. Earlier copy on this page described both; neither existed. What you get is the browser's high-quality resampling path, applied repeatedly.
There is also no DPI field in the output. Canvas cannot write a resolution tag into the file it hands back, so the DPI selector is a print-size calculator: choose 300 and it reports how many inches wide the image will print. When your target is a file size rather than a pixel dimension, Compress Image is the page that measures the outcome and tells you the percentage saved.
Frequently asked
Why do my downscaled photos look sharper here than elsewhere?
Large reductions are performed as a chain of halving passes rather than one jump. Each pass averages four pixels into one, so nearly every source pixel contributes to the result instead of being skipped by the sampler.
Where is the percentage box and the interpolation quality menu?
Neither was ever built, although older documentation described both. You set a width and a height in pixels, and the resampling always uses the browser's highest-quality smoothing path.
Why did a 1080 x 1080 preset give me a 1080 x 720 image?
With the aspect lock on, a preset is treated as a box to fit inside rather than a shape to stretch to. Turn the lock off if you want the exact preset dimensions and accept the distortion.
Can I set the DPI of the resized file?
No. A canvas export cannot write a resolution tag into an image file, so the DPI selector is a print-size calculator: it tells you how many inches wide the picture will print at 72, 150 or 300 DPI.