Image Resizer
Resize one JPG, PNG or WebP image by pixel dimensions or percentage. Keep its proportions, preview the exported still image and download it. The tool processes your selected image in your browser.
How to resize an image
- Choose one JPG, PNG or WebP file, or drop it on the file area. Check the original dimensions and file size. The limit is 20 MB and 40 megapixels, with neither side above 16,384 pixels; your browser may have a lower practical limit.
- Enter a new width or height with Keep proportions selected, or choose Percentage. Turn proportions off only if you want to stretch the image to an exact width and height. More options lets you select an output format and JPEG or WebP quality.
- Select Resize image, check the finished preview, dimensions, format and actual file size, then download it. Editing the settings removes the previous downloadable result until you resize again.
Dimensions, proportions and image formats
Pixel dimensions describe width and height. File size describes the number of bytes stored. A smaller pixel image often uses fewer bytes, but this depends on the image, format and encoder. This tool does not guarantee a target size in KB or MB.
Keep proportions derives the other side from the original image ratio and rounds to whole pixels. Percentage applies to both original dimensions: 50% makes each side half as large and leaves approximately one quarter of the pixel count. Small rounding differences are normal.
PNG preserves transparency and encodes the resized canvas pixels without additional lossy compression. JPEG uses a white background and lossy compression. WebP supports transparency with the selected quality when the browser can encode it. Quality settings are not percentages of file-size savings or equivalent across formats.
The browser applies supported orientation metadata while decoding, so dimensions describe the oriented image. The export is a newly encoded still image; original metadata, color profiles, bit depth and animation are not preserved as an archival record. Enlarging adds pixels, not new captured detail.
Image resizing examples
A 4000 × 3000 image resized to a width of 1200 pixels with proportions on becomes 1200 × 900. Changing the height to 600 instead gives 800 × 600, calculated from the original ratio.
Resizing a 4000 × 3000 image to 50% gives 2000 × 1500. That is half the width and half the height, not a promise to halve the file size.
With proportions off, a 4000 × 3000 image can become exactly 1200 × 1200, but its contents stretch. With proportions on and width 1200, it remains 1200 × 900. Cropping to a square is a different operation.
What the export changes
This tool handles one JPEG, PNG or WebP file and exports a still image. For animated PNG or WebP, the browser uses the animation's default still image or its first frame. GIF, SVG, HEIC, other formats and animated exports are not supported.
Browser memory, decoders and encoders affect availability, appearance and file size. The output can be larger than the original. The tool does not crop, restore missing detail, set print DPI, preserve original metadata or guarantee a particular upload limit. Keep the original when those properties matter.
Local image processing
The tool reads and processes your selected image in your browser and does not intentionally upload or save it. Download saves the finished image when you request it. Normal site services and consent settings remain separate.
Image resizing questions
Sources
Browser API references for image decoding and export:
- developer.mozilla.orgMDN: createImageBitmap
- developer.mozilla.orgMDN: canvas toBlob
- html.spec.whatwg.orgHTML standard: image bitmaps and animation
Checked 29 October 2026.
Related tools
SVG to PNG
Convert a local SVG file or pasted markup into PNG, with explicit dimensions, transparency and bundled fonts.
Open tool — SVG to PNGCSS Filter Generator
Order and repeat CSS effects, compare a specimen and copy the exact filter declaration.
Open tool — CSS Filter GeneratorFluid Font Size Calculator
Create root-relative CSS from viewport endpoints and inspect the copied size model.
Open tool — Fluid Font Size CalculatorCSS Button Generator
Style native button states, inspect keyboard focus and copy HTML and CSS.
Open tool — CSS Button GeneratorCSS Border Radius Generator
Edit eight corner radii, preview a box and copy CSS in pixels or percentages.
Open tool — CSS Border Radius GeneratorCSS Grid Generator
Build a bounded CSS Grid example with editable tracks, placement and named areas. Preview it, copy CSS or HTML and download the same standalone example.
Open tool — CSS Grid GeneratorCSS Flexbox Generator
Build a Flexbox example with container and item controls, explicit layout axes, matching CSS and HTML, and a local complete-example download.
Open tool — CSS Flexbox GeneratorCSS Text Shadow Generator
Build ordered text shadows, preview plain text and copy exact CSS.
Open tool — CSS Text Shadow GeneratorCSS Transform Generator
Compose repeatable 2D CSS transforms, edit px or percentage translation and origin, inspect a reference box and copy the exact current declarations.
Open tool — CSS Transform GeneratorCSS Box Shadow Generator
Create ordered CSS box-shadow layers with a live preview and copyable code.
Open tool — CSS Box Shadow GeneratorImage Watermark
Add a text or logo watermark to a batch of images, review each result and download individual files or a ZIP.
Open tool — Image WatermarkCSS Gradient Generator
Create linear or radial CSS gradients with editable colors, opacity and stops.
Open tool — CSS Gradient GeneratorColor Converter
Convert supported sRGB HEX, RGB and HSL literals with alpha, explicit precision and current code Copy.
Open tool — Color ConverterImage to Text (OCR)
Recognize printed text in local PNG or JPEG images, choose a language and review or correct the result before copying or downloading.
Open tool — Image to Text (OCR)QR Code Reader
Read one QR code from a local PNG or JPEG and inspect its text or content bytes without opening links.
Open tool — QR Code ReaderColor Contrast Checker
Compare foreground and background colors, adjust opacity and check WCAG numerical contrast thresholds for text and essential interface details.
Open tool — Color Contrast CheckerPrint Size & Resolution Calculator
Calculate print dimensions, required pixels and effective PPI with fit or crop.
Open tool — Print Size & Resolution CalculatorAspect Ratio Calculator
Find a width-to-height ratio or calculate a matching pixel size from one target dimension.
Open tool — Aspect Ratio CalculatorImage Compressor
Try to fit a JPEG, PNG or WebP within a target file size, with measured results and optional smaller dimensions.
Open tool — Image CompressorHEIC to JPG
Convert supported HEIC photos locally into full-size JPG copies, with quality and background controls and verified individual or ZIP downloads.
Open tool — HEIC to JPGImage Converter
Convert supported PNG, JPEG and WebP images locally with batch targets, transparency, background and quality controls, then review and download the encoded files.
Open tool — Image ConverterPhoto Collage Maker
Arrange local photos in a grid, adjust crops and spacing, and download PNG or JPEG.
Open tool — Photo Collage MakerRotate & Flip Images
Rotate or mirror a local batch of static PNG, JPEG and WebP images, then review and download the processed results.
Open tool — Rotate & Flip ImagesImage Cropper
Crop one local JPEG, PNG or WebP to exact pixels with visual and numeric controls. Download PNG or JPEG.
Open tool — Image Cropper