Compress an Image
Cut a file down to size in the browser and watch the number fall as you drag — before and after, in kilobytes, live.
Describe the edit — the AI assistant does it on the canvas.
Free preview · No signup · ~10 seconds
Drop a PNG, JPG or WebP
PNG, JPG, WebP or SVG — up to 30 MB
Runs entirely in your browser. Your image is never uploaded.
What actually makes an image smaller
The number is the point
Most compressors ask you to guess a quality setting and find out afterwards whether you guessed right. This one shows both sizes on the panes as you drag, so you can stop at the moment the file is small enough rather than at an arbitrary percentage.
The format decides the ceiling
Quality alone only goes so far. A photograph saved as PNG is large no matter how you set the slider, because PNG stores every pixel exactly. Switching that same photo to JPG or WebP is usually a bigger saving than any quality adjustment.
Where to stop
For photographs, 70 to 80 is the sweet spot — most of the saving, none of the visible damage. Below about 60 the blocks start showing in flat areas like skies. Logos and screenshots behave differently: they have hard edges, so they need 85 or above, or they should stay PNG.
Transparency has a cost
JPG produces the smallest files but cannot store transparency, so a knocked-out image gets flattened onto white. WebP is the compromise: much smaller than PNG, and it keeps the alpha channel.
Compression is one-way
The detail a lossy encoder discards is gone. Keep the original and treat every compressed file as a delivery copy for one destination — never compress a file that has already been compressed.
Which format compresses best
JPG
Smallest, no transparency
- Best for photographs
- No alpha channel
- Blocks show below quality 60
- Universally supported
Photos going into email, forms and listings
Logos, screenshots, anything with hard edges
WebP
Small and keeps alpha
- Much smaller than PNG
- Transparency supported
- Handles hard edges better than JPG
- Browsers only
Anything you serve on your own website
Files you hand to a print shop or older software
PNG
Lossless, largest
- Quality slider barely helps
- Pixel-exact
- Transparency supported
- Opens everywhere
Screenshots, flat graphics, working masters
Getting a photograph under a size cap
How to compress an image
Upload the image
PNG, JPG or WebP. Its size appears on the left pane straight away.
Pick a format and quality
Drag the slider and watch the result size update. Stop when it is small enough and still looks right.
Download
Free preview, or the full-resolution compressed file in the app.
When the file size is the problem
Email attachment limits
Get a photo under a gateway cap without cropping it.
Page speed work
Cut the weight of an image that is slowing a page down.
Upload size caps
Meet a form that refuses anything over a few megabytes.
Marketplace listings
Fit product photos inside a platform size limit.
Used by designers, indie devs & students at
What people use it for
The jobs the editor was built around — and what it does differently on each one.
Colourways you can revisit
Every edit is a layer, not a bake. When the brand shifts, reopen the file and change the colour rather than rebuilding the variant from the original.
Cutouts with awkward edges
AI background removal that keeps hair, foliage and soft shadows instead of stamping a hard outline around them. The output is a transparent PNG, ready to place.
No export, edit, re-import loop
The Framer plugin runs on the canvas you are already working in, so a recolour or a cutout does not mean a round trip through a second application.
Ten options in the time one used to take
Recolour once and step through the alternatives, so a client review can look at the whole range instead of the one version there was time to make.
Brand colours matched exactly
Pick a colour straight off an existing asset and get the hex, rather than eyeballing it against a screenshot and hoping it is close enough.
Free to preview, priced per export
Previewing is unlimited and costs nothing. A credit is spent only when you download a full-resolution file, so exploring an idea is never the expensive part.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Replace a Color in Photoshop (4 Methods, and Why the Edges Go Wrong)
Replace Color, Hue/Saturation on a targeted range, Color Range plus a fill layer, and Selective Color — which to use when, and why a recolored logo keeps a halo of the old color along its edges.
How to Get Your Website Ready for Google WebMCP
A step-by-step guide to exposing WebMCP tools on your site — the imperative and declarative APIs, how to test them, and the real security downsides.
How to Remove a Background in Canva (And What the Free Plan Actually Gives You)
Canva's BG Remover is a paid feature — and so is downloading the result with transparency. Here is what works on a free account, what the two separate paywalls are, and how to get a clean cut-out either way.
Compress your image
Watch the size fall and stop where it still looks right.