Blog Upload Shorten Tools Gallery FAQ Contact Sign in
📢 永久無廣告,自動清除EXIF,保護隱私內容
Tools

📐 Resize Image

By width, percentage, or exact size

Downscaling is done in steps, which looks far sharper than one big jump.

🔒 Everything runs inside your browser — your files are never uploaded to our servers and we never see them. Close the tab and nothing is left behind.

Resize Image: before and after example
Original on the left, the actual output of this tool on the right — not a mock-up. Any file sizes or dimensions shown are real measured values.

Step-by-step

  1. Choose your images Drag them into the box or click to select. You can pick several at once, and all of them get the same settings — handy for making a whole batch a consistent size.
  2. Pick how to resize By width is the common choice (height follows proportionally). Percentage suits "shrink everything by half". Exact width × height is for avatars and covers with hard requirements.
  3. Choose a fit, if using exact size This only matters when the source ratio differs from your target. Cover fills the frame and crops the overflow (right for avatars), contain keeps the whole image and pads the edges, and stretch distorts — avoid unless you mean it.
  4. Press start Downscaling happens in successive halving steps, which looks far sharper than one big jump. The result shows "1200×800 → 480×320" so you can confirm the maths at a glance.
  5. Download A single file downloads automatically; several can be taken with "Download all (ZIP)". The output size is added to the filename, e.g. photo-480x320.jpg.

When you would use this

Exact sizes for social platforms

Instagram posts at 1080×1080, stories at 1080×1920, YouTube thumbnails at 1280×720, Facebook covers at 820×312. "Exact width × height" plus "cover" gets you there in one pass without opening an editor.

One consistent width for a website

Mismatched image widths are what make a blog or product page look untidy. Set "by width" to 1200 or 1600, run the whole batch, and every image lines up while keeping its own proportions.

Avatars and profile pictures

Pick a 1:1 exact size such as 400×400 with "cover" so the platform does not crop it for you. Frame the shot first with Crop Image for an even better result.

Slimming down decks and print assets

A slide deck full of full-resolution photos balloons to hundreds of megabytes fast. Resizing everything to 1600px wide first shrinks the file dramatically, and nobody can tell the difference on a projector.

Four ways to resize

  • By width — the common case. Enter 1920 and the height follows the original ratio, so nothing distorts.
  • By height — handy for banners and signatures that need a fixed height.
  • By percentage — most intuitive when you're unsure. 50% halves both sides (usually about a quarter of the file size).
  • Exact width × height — for precise sizes like a 400×400 avatar. Pair it with the fit option below.

Choosing a fit mode

  • Fit inside — the whole image stays visible and empty space is filled with your chosen colour. Great for product shots and uniform grids.
  • Fill and crop — no padding; overflow is trimmed from the centre outwards. Great for covers and thumbnails.
  • Stretch — forces the exact size and distorts the image. Only use it if that's genuinely what you want.

Frequently asked questions

What is the difference between width, percentage, and exact size?
By width sets the width and derives the height proportionally — the most common choice. Percentage scales the whole image, handy for "shrink everything by half". Exact size locks both dimensions, for avatars and covers with hard requirements — that is when the fit mode matters.
Which fit mode should I pick: cover, contain, or stretch?
It only matters when the source ratio differs from the target. Cover fills the frame and crops the overflow — right for avatars. Contain keeps the whole image and pads the edges with a colour. Stretch forces the exact size and distorts the image; avoid it unless you specifically want that.
Why does the result look sharper (or softer) than expected?
This tool downscales in successive halving steps rather than one jump — browsers lose a lot of detail scaling down in one go, and stepping keeps edges clean. Going the other way, resizing a small image up does not add detail; use Upscale Image, which adds a sharpening pass.
Can I leave the width or height blank?
Yes — a blank field falls back to the source dimension rather than producing a broken image. There is also a safety cap: if the requested output exceeds what your browser Canvas can handle, it is scaled down proportionally and you are told, so you never get a blank black image.

What you might need next

Image work rarely ends in one step. These pair up with Resize Image most often:

Want to share the result? Upload turns images, photos, or videos into a short link with optional password, expiry, and view limits. Or head back to all 12 tools.


More tools