Guides/
Image compression
Workflow guide

How to compress images without breaking the final output

Compression should happen after the composition is already right. Pick the target format, start around an 80 quality setting, and only shrink dimensions if the file is still too heavy after format and quality changes.

Local processingJPG / WebP / PNGBatch readyNo upload
Open compressor →Need exact pixels? Use resizer →Compare WebP vs JPG →
→
Best default
WebP at 80%
A strong starting point for photo-heavy assets where file size matters more than max compatibility.
Compatibility mode
JPG at 80–90%
Use JPG when the file needs to open everywhere and you do not need transparency.
When to resize
After quality tuning
Try format and quality first. Only reduce dimensions when the file is still too large.
Keep PNG
Text or transparency
PNG still wins for crisp UI, logos, or assets that depend on a transparent background.
TL;DR

Use the lightest format that still preserves the thing people actually notice.

  • Photos usually compress best as WebP or JPG.
  • Transparency and hard-edged UI are better kept in PNG or flattened before JPG export.
  • If the file is still too large after compression, then set a max width or height.
Quick workflow

Three passes are usually enough.

  1. Upload one or more images into the compressor.
  2. Pick the export format and start around an 80 quality setting.
  3. Only add max width or height when the file size still misses the target.
Quality ladder
90–95%

Safest for hero images or assets with obvious gradients, but heavier.

80–85%

Best default for most photos and the place to start when you need a quick answer.

60–75%

Useful for strict KB targets, but check faces, text, and edges for visible artifacts.

Useful follow-up reads

If the real requirement is not just “smaller file” but a strict KB number, go straight to a target-size guide so you can tune quality and dimensions together.

Compress to 100 KB →Compress to 200 KB →

FAQ

Do you upload my images?

No. Processing happens locally in your browser. Your files are not uploaded.

What size should I use?

Use the recommended size.

Which export format should I use?

JPG for photos, PNG for text/logos or transparency, WebP for smaller files (if supported).

Crop vs Pad — what is the difference?

Crop fills the target size (may cut edges). Pad fits the whole image and adds background/space.

How do I protect text and logos?

Keep important content centered and avoid placing critical text at the edges.

Can I batch resize?

Yes. Use the Batch Resizer to apply the same size to many images.