Resize Image

Resize to exact dimensions, by percentage, or fit within a bounding box. High-quality resampling, aspect ratio lock.

All processing runs locally: files never leave your device.

Browser-based image resizing

Resizing an image before uploading it to a website, sending it via email, or sharing it can dramatically reduce file size and load times. This tool provides three resize modes: exact dimensions, percentage scaling, and fit-within bounding box: with an aspect ratio lock to prevent distortion.

Everything runs in your browser using the HTML5 Canvas API with high-quality bilinear resampling. No image data is uploaded to any server. Output is available in JPEG, PNG, or WebP format with adjustable quality.

Step-by-step guide

  1. 1
    Upload your image
    Drag and drop or click to browse. Any image format supported by your browser is accepted.
  2. 2
    Choose a resize mode
    Select Exact (set width and height directly), Percent (scale by a percentage), or Fit Within (maintain aspect ratio within a bounding box).
  3. 3
    Set dimensions or percentage
    In Exact or Fit mode, enter width and height in pixels. Toggle the lock icon to lock or unlock the aspect ratio. In Percent mode, drag the slider.
  4. 4
    Choose output format and quality
    Select Same as input, JPEG, PNG, or WebP. For JPEG and WebP, adjust the quality slider.
  5. 5
    Resize and download
    Click Resize. The result appears with its dimensions and file size. Click Download to save the resized image.

Related Tools

Frequently Asked Questions

Is my image uploaded to a server?
No. All resizing is done using the HTML5 Canvas API directly in your browser. Your image never leaves your device.
What is the difference between Exact, Percent, and Fit modes?
Exact sets the canvas to the exact pixel dimensions you specify: potentially distorting the image if proportions differ. Percent scales both dimensions proportionally. Fit Within places the image within your specified bounding box while maintaining the original aspect ratio, adding no padding.
What does aspect ratio lock do?
When locked, changing either the width or height automatically recalculates the other dimension to maintain the original proportions, preventing distortion. Unlock it to set width and height independently.
What output formats are supported?
JPEG (lossy, best for photos), PNG (lossless, best for graphics with transparency), and WebP (smaller file size, supported by all modern browsers). You can also keep the same format as the input.
What quality setting should I use for JPEG?
Quality 85–90% is a good balance between file size and visual quality for most photos. Quality 70–80% significantly reduces file size with minimal visible degradation. Quality below 60% introduces visible compression artefacts.
Can I resize a PNG with transparency?
Yes. PNG output preserves the alpha channel. JPEG does not support transparency: transparent pixels will be rendered on a white background when converting to JPEG.
Is there a maximum image size?
There is no hard limit imposed by the tool, but very large images (e.g. 10,000 x 10,000px) may consume significant browser memory. The browser's maximum canvas size limits apply (typically 16,384px per dimension).
Does resizing an image reduce its file size?
Reducing dimensions reduces file size because there are fewer pixels to encode. The output file size also depends on the output format and quality setting. Switching from PNG to JPEG at 85% quality typically produces the smallest files for photographic content.

AlteredIdea vs alternatives

vs server-side tools: Everything runs in your browser: your data never leaves your device.

vs command-line tools: No setup needed. Works instantly in any browser.

vs paid tools: Completely free, no account required.