Online Image Compressor (JPG / PNG / WebP)
Compress JPG/PNG, convert to WebP, resize width — all in your browser via Canvas API. Image is NOT uploaded anywhere, 100% private.
Compression runs 100% via Canvas API in your browser — your image is NOT uploaded. Great for shrinking images for web/blog/social while keeping quality.
When to compress images
- Web/Blog: 5MB hero image → slow load, wasted bandwidth → compress to 200-500KB.
- Social media: Facebook/IG have upload limits — resize first.
- Email attachments: Gmail caps at 25MB — compress so you can attach more images per email.
- Mobile SEO: Lighthouse penalises images > 100KB — compress to pass Core Web Vitals.
- Storage: cloud Drive/Dropbox running out — compress old images to keep more.
Which format?
- WebP ⭐: modern format, ~30% smaller than JPG at the same quality. All modern browsers support it. Top recommendation for the web.
- JPEG: photographs, portraits, landscapes. Do NOT use for icons or screenshots with text — text becomes mushy from artifacts.
- PNG: images with transparent backgrounds, UI screenshots with text. Lossless — no artifacts.
- AVIF (not in this tool yet): even smaller than WebP, but slow to encode.
Quality vs Size
Quality slider 0-100% — only applies to JPG/WebP (PNG is always lossless). Rule of thumb:
- 90-100%: barely compressed — use when preserving detail matters (posters, print).
- 75-85% ⭐: sweet spot — visually indistinguishable from the original, 50-70% smaller.
- 60-75%: web heroes, social — still looks great.
- 40-60%: thumbnails, previews — minor visible loss is OK.
- <40%: visible artifacts — only use if size matters a lot.
Who this is for
Content creators, designers, devs handling images/media — compress before upload, base64 for vision LLMs, QR generation.
FAQ
Are images uploaded to TopDev?
Never. All image processing uses the browser Canvas API. Disconnect from the internet to verify — the tool still works.
Is there image history?
No. After download, images leave the tab when you navigate away. No account, no cloud storage.
Related tools
See all tools →QR Code Generator
QR for URL, WiFi, vCard. Custom colors, download PNG.
NEWLorem Picsum URL Builder
Generate placeholder image URLs (Lorem Picsum) for mockups and prototypes. 6 ratios + 5 common sizes + grayscale + blur.
NEWGroup Maker
Split a class into N balanced groups, or by group size.
NEWSVG to React/JSX
Convert SVG to React component. camelCase attrs, currentColor, TypeScript types, size/color props.