Image resizer — resize JPG/PNG/WebP by pixels/%/preset, fully client-side, no upload.
- Runs locally
- Category Generator
- Best for Starting from a blank page without committing to the first result.
100% local. Nothing leaves your browser.
What this tool does
A 100% in-browser image resizer that re-samples JPG, PNG, and WebP to any width, height, or percentage you need — without ever uploading anything. Drop in up to ten photos at once and pick a mode: resize by width, by height, by percentage, or to a fully custom width × height with the aspect-ratio lock on or off. One-click presets cover the everyday targets: HD 1920×1080, 4K UHD 3840×2160, Instagram square 1080×1080, WeChat 1280×720, and 200×200 thumbnails. Pick the output format (JPEG for photos, WebP for the web, PNG for transparency) and a quality slider for JPEG / WebP. Each row shows the original dimensions, the new dimensions, and the resulting file size before you download. Save one file or pack everything into a single zip using a built-in STORED-method zip writer (no external library, no DEFLATE pass on already-compressed pixels). About 25 KB of JavaScript, works offline once cached, and re-encoding through Canvas strips EXIF as a privacy bonus.
Tool details
- Input
- Files + Numbers
- The page exposes text boxes, numeric controls, file pickers, or structured inputs depending on the tool.
- Output
- Live result + Download + Preview
- The result area focuses on usable output, with copy, download, or preview actions when supported.
- Privacy
- Browser-side processing
- The main tool logic does not call an external API, so inputs normally stay in the current tab.
- Save / share
- No account required
- Open the page and use it; whether results survive refresh depends on the tool.
- Performance budget
- Initial JS <= 25 KB
- No WASM budget is declared, keeping the tool quick to open on mobile.
- Best fit
- Generator · Designer
- Category and role tags drive related tools, internal links, and quick fit checks.
How to use
-
1. Input
Paste or drop your content into the tool panel.
-
2. Process
Click the button. All processing is local in your browser.
-
3. Copy / Download
Copy the result or download to disk in one click.
How Image Resizer fits into your work
Use it to get a strong first draft, starter asset, or structured output that you can edit before publishing.
Generation jobs
- Starting from a blank page without committing to the first result.
- Creating repeatable drafts, names, templates, or placeholder assets.
- Exploring options before choosing the one that fits the job.
Generation checks
- Review generated output before it reaches a customer, page, or document.
- Change defaults when you need a specific brand voice, format, or audience.
- Keep only the parts that match the real task.
Good next steps
These links move the current task into a more complete workflow.
- 1 Favicon Generator Generate favicon set — text or upload, output 16x16 / 32x32 / 180x180 / 512x512 PNG. Open
- 2 Image Compressor (Local) Image compressor — squeeze JPG/PNG/WebP without server upload, with quality slider, batch mode, file size comparison. Open
- 3 Image to ASCII Art Image to ASCII art — convert any image to text-based art with adjustable density and character set. Open
Real-world use cases
Shrink a 4K phone shot down to a 200×200 platform avatar
Your new job's HR portal accepts avatars at exactly 200×200 and you only have a 4032×3024 selfie from your phone. Drop the file in, hit the "Thumb 200×200" preset, switch format to JPEG and quality to around 88. The preview shows the original dimensions next to the new dimensions and the final byte count — usually 15-25 KB instead of the original 4 MB. Download, upload, done. If the portal also enforces a square crop, leave the aspect lock off so the preset's 1:1 dimensions land exactly.
Hit WeChat Official Account's 2.35:1 cover image slot
WeChat's article cover image is rigidly 900×383 (≈ 2.35:1) and the editor rejects anything off by a few pixels. Take your source banner, pick "Custom W × H", type 900 and 383, turn off the aspect lock so WeChat gets the exact pixels it asks for. Export as JPEG at quality 90 — the file typically lands under 200 KB which is well inside WeChat's upload ceiling. The dimensions readout next to each row confirms you actually got 900×383 and not 901×384 from a rounding glitch upstream.
Get a 5 MB resume photo under the 2 MB application cap
Most government and university application forms cap photo uploads at 2 MB and a stubborn 5 MB DSLR JPEG will be silently rejected. Don't lower resolution if you don't need to — instead drop the photo in, keep the original dimensions (mode = By percent, 100%), switch format to JPEG and slide quality from 95 down to about 82. The per-row byte count updates after each resize, so you can step quality down a notch at a time until you cross under 2 MB without going overboard.
Generate three aspect ratios for one Xiaohongshu post in one pass
Xiaohongshu rewards posts that use 1:1, 3:4, or 4:3 cover images differently in the feed, and you want all three from one master shot. Drop the same image in three times, set mode = Custom for each row: 1080×1080, 1080×1440, 1440×1080, aspect lock off so you get the exact pixels. Hit Resize, then Download all (zip) — you get one zip with three ready-to-post variants named by their dimensions, no re-uploading the same source three times.
Produce a pixel-perfect 1200×675 WordPress featured image
A lot of WordPress themes (the GeneratePress / Astra family especially) hard-code 1200×675 for featured images and anything else gets cropped weirdly in the card layout. Drop your hero photo in, pick Custom W × H, type 1200 and 675, lock off. Export as WebP at quality 82 — usually 80-150 KB, which keeps the LCP element tiny without visible artifacts. The "Resized" column confirms the exact 1200×675 result before you upload to the media library.
Common pitfalls
Stretching an image by entering Custom W × H with aspect lock off when you actually wanted to fit. The image will distort visibly — faces stretch, logos squash. Keep the lock on unless you're filling a pixel-exact slot that genuinely needs both dimensions.
Trying to upscale a small image to 4K and expecting it to look sharp. Canvas resampling can only redistribute existing pixels, not invent detail — a 200×200 logo blown up to 1920×1920 will be soft and blocky. For upscaling you need an AI super-resolution tool, not a resizer.
Resizing a JPEG, saving it, resizing the result, saving again. Every JPEG re-encode loses a little quality (generation loss) and the artifacts stack. Always resize from the original file, not from a previously resized copy.
Privacy
Decoding, canvas re-sampling, and re-encoding all happen via the browser's built-in Image / Canvas / Blob APIs — your photos are never sent to any server, no account, no analytics on the image bytes, the Network panel stays empty while you work. One thing to watch: the downloaded file keeps the original filename (with the new dimensions appended). If the source name contains anything sensitive (`passport-scan.jpg`, `salary-2026.png`, an internal project codename), rename it before sharing — the bytes are safe, but the filename is whatever you uploaded.
FAQ
Tool combos
Folks in your role tend to reach for these alongside this tool.
- Ad Copy Checklist Verify every element of your ad before launch — headline, CTA, compliance, and technical setup
- Aspect Ratio Calculator Calculate aspect ratio — fix any 1 of [width, height, ratio], get the other two.
- Base64 Encoder & Decoder Encode or decode Base64 — text, files, and Data URLs. Runs entirely in your browser.
- Base64 Image Data URI Converter Convert images to data URIs (base64 or URL-encoded), inspect any data URI, preview and download. 100% in-browser.