What this tool does
Image Resizer draws the decoded image to a new pixel size and re-encodes it. AVIF is not in the allow list.
When to choose it instead of a similar DevToolKit tool
- Use this for percentage scale, do-not-enlarge, or social pixel presets.
- Use Crop when you need a framed region, not a full-frame scale.
- Use Compressor when quality and format matter more than named presets.
Typical jobs this page is built for
- Scale a photo to 50% without enlarging a small source.
- Fit inside 1080×1080 or 1280×720 without stretching when keep aspect ratio is on in preset mode.
- Export {base}-resized.webp while keeping do-not-enlarge on.
Supported inputs, limits, and output behavior
- Input
- One JPG, PNG, or WebP, 20 MB.
- Modes
- Pixels; percent (presets 25/50/75, default 50); presets 1080×1080, 1080×1920, 1280×720, 1920×600, 512×512.
- Output
- {base}-resized.jpg|.png|.webp depending on format.
How the transformation actually works
resizeImageInBrowser uses calculateTargetDimensions, then canvas drawImage. JPEG fills backgroundColor (default #ffffff). Original format follows the source MIME when it is jpeg/png/webp.
Step-by-step workflow
- Upload one image.
- Pick Pixels, Percent, or Preset.
- Enter the size for that mode.
- Leave Maintain aspect ratio and Do not enlarge if smaller on unless you mean to turn them off.
- Pick an output format.
- Click Resize image.
- Read the reported width×height on the download.
What can change in the output
This always re-encodes. Turning off do-not-enlarge allows upscaling, which interpolates new pixels. Turning off keep aspect ratio in pixels mode with one missing side uses the original for the empty side.
Known limitations and failure cases
- Quality is not user-adjustable (0.92 for JPEG/WebP).
- Presets are exact pixel boxes, not platform upload guarantees.
- AVIF and HEIC are not accepted.
Privacy / where data goes
Resize and export run in the browser. The image is not posted to a resize API. Identified analytics may include byte counts, mode, and output dimensions, not the pixel contents.
Practical output-review checklist
- Read the reported output width×height.
- Check JPEG flattening of transparency.
- Confirm you did not accidentally stretch with both pixel fields.
- If you turned off do-not-enlarge, inspect upscaled edges for interpolation.