🗜️

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.

All tools Browser-only

🗜️

Drag & drop an image here or click to choose

JPG / PNG / WebP · Max 20MB

Options

Output format

Quality: 80%

Lower quality = smaller file (only applies to JPG/WebP)

Max width (px)

0 = keep original size

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 →

NEW

📱

QR Code Generator

QR for URL, WiFi, vCard. Custom colors, download PNG.

NEW

🖼

Lorem Picsum URL Builder

Generate placeholder image URLs (Lorem Picsum) for mockups and prototypes. 6 ratios + 5 common sizes + grayscale + blur.

NEW

🎨

Color Picker from Image

Drop an image and click to pick HEX/RGB/HSL. Auto-extracts dominant palette. Canvas API, no upload.

NEW

⏱

Classroom Timer

Fullscreen countdown for class. Color warnings + alarm.