Image Resizer
Resize images by pixels or percentage in your browser - no upload.
Drop an image, choose new dimensions (pixels or percentage), keep the aspect ratio locked if you want proportional scaling, and download. The original is never modified or uploaded - the resized copy is generated locally via the Canvas API.
How to use it
Drop an image
Drag a PNG / JPG / WebP / AVIF / GIF onto the dropzone or click to pick one.
Set the new dimensions
Type pixels (lock aspect ratio for proportional scaling) or use the percentage shortcut (50%, 25%).
Download
The resized copy downloads with `-resized` appended to the filename. The original is untouched.
What is it?
An image resizer changes the pixel dimensions of an image - shrinking it to save bandwidth, or fitting it to a target spec. The browser's Canvas API handles the actual resampling using bilinear or bicubic interpolation depending on the engine. Quality is preserved when you shrink; upsizing can't add detail that wasn't in the source.
When to use it
Resizing photos before uploading to a service with a max file size, fitting an image to a specific design slot (1200×630 for OG, 1080×1080 for Instagram), or batch-shrinking a screenshot for a documentation page. Anywhere you need to change pixel dimensions without round-tripping through Photoshop.
Common mistakes
Forgetting to lock the aspect ratio and ending up with a stretched / squashed image. Saving the same image at the same dimensions repeatedly (each save through a lossy format like JPG loses a little quality - the so-called 'generational loss'). And upsizing in the hope of recovering detail - it doesn't work; pick a higher-res source instead.
FAQ
- Pixels or percentage?
- Pixels when you have a target spec (e.g. 'must be exactly 1200×630 for OG image'). Percentage when you're just shrinking ('half the size of the original'). Lock the aspect ratio in either mode to avoid stretched output.
- Does upsizing improve quality?
- No. Upsizing (e.g. 500px → 2000px) doesn't add detail; Canvas interpolates between existing pixels. The result looks blurry compared to a true 2000px source. Use this tool to shrink confidently; for upsizing, find a higher-resolution source or use an AI upscaler.
- What format is the output?
- Same format as the input (PNG stays PNG, JPG stays JPG). To change the format too, run the output through the image-converter tool.
Related tools
More in this category
- Color Converter (HEX, RGB, HSL)
- CSS Gradient Generator
- CSS Box-Shadow Generator
- Favicon Generator
- Contrast Checker
- Color Palette Generator
- Color Shade Generator
- CSS Clip-Path Generator
- Border-Radius Generator
- Cubic-Bezier Generator
- CSS Filter Generator
- Glassmorphism Generator
- Image Converter
- Image Compressor
- Image to Base64
- Image Cropper
- Image Color Picker