Skip to content

Image sizing

Image Resizer

Resize an image locally in the browser using custom pixel dimensions or PixelMeasures presets for platforms, print, and design exports.

Last checked: 2026-05-01

Last checked: 2026-05-01 Source: WHATWG HTML canvas specification Found a spec change? Send correction.

Interactive tool

Image Resizer

Resize an image locally in the browser using custom pixel dimensions or a PixelMeasures preset.

Your image stays in your browser.

Upload an image to preview the source.
Before
Resize locally to preview the export.
After
Formula fit preserves the whole image; fill and center crop make an exact canvas; pad adds background space
PresetDimensionsUse
A4 at 300 DPI 2480 x 3508 px print export
4x6 photo at 300 PPI 1200 x 1800 px photo print
YouTube thumbnail 1280 x 720 px creator upload

Workflow

Use Image Resizer in your sizing workflow

Resize an image locally in the browser using custom pixel dimensions or a PixelMeasures preset.

InputImage and target size
OutputResized JPG, PNG or WebP
Best beforeCanvas setup or export
StateBrowser-based calculation
Use the Image Resizer when you already know a target pixel size or want to start from a PixelMeasures preset. Choose a crop mode, select an output format, adjust JPG/WebP quality, preview the result, and export locally without uploading the image.

Related

Related pages and tools

Nearby tools

More tools in the PixelMeasures toolkit

FAQ

Common questions

Does the image resizer upload my file?

The resize workflow runs in the browser after the page loads, so it is designed for local quick resizing without an account.

Will resizing crop my image?

This tool scales the image into the target canvas. If the target shape is different from the source, review the result and use crop-aware guidance when the composition matters.

Can I share selected tool settings?

Some PixelMeasures tools keep selected presets in the URL fragment, so a shared link can reopen useful choices while the main tool page stays focused.

References

Sources and references

Image resizing uses browser canvas behavior, image-format references, and platform presets where a target platform is selected.

Last checked: 2026-05-01