Why order of operations matters
It's a small habit that's easy to skip: pull a photo from your phone, run it through a compressor to get the file size down, then realize it also needs cropping, so you crop the already-compressed file and re-export. Each lossy export (JPEG or lossy WebP) throws away some detail during encoding, and re-encoding an already-lossy file compounds that loss rather than starting fresh from the original.
The safer sequence is: keep your original, uncompressed source file untouched while you crop, straighten, or otherwise edit it, and only run it through the compressor as the final export step, once the composition is locked in. That way you only pay the "quality tax" of lossy compression once.
Converting and compressing in a single step
A common instinct is to convert a PNG screenshot to JPEG in one tool, save it, then open a second tool to shrink the file size. That's an unnecessary extra round trip through lossy encoding. In this compressor, the output format dropdown and the quality slider apply together: choosing JPEG at quality 75 converts the format and compresses to that quality in the same pass, reading directly from your original file.
- Same format (keep original): compress without changing the file type, when a destination requires the same extension you started with.
- WebP / JPEG / PNG: pick the target format directly; quality and resize apply to the same export.
This matters most when the source is a lossless format like PNG: going PNG → JPEG once, at your chosen quality, is a single lossy step. Going PNG → JPEG in one tool and then re-compressing that JPEG again elsewhere is two lossy steps for no extra benefit.
Checking text-over-image contrast before you finalize
Compression itself, at normal quality settings, does not meaningfully shift the colors behind an overlaid text layer — so it isn't the cause of a contrast problem. But a photo that looked fine as a full-size preview can turn out to have a background too busy or too close in brightness to the text color once it's placed at final size. It's worth confirming the specific hex colors you're using for text and background pass a basic contrast check while you still have the design open, rather than discovering it after the image is already compressed, downloaded, and placed on the page.
Once the design is confirmed readable, come back to the compressor for the final size/format pass. Treating "confirm it looks right" and "make it small" as two separate, ordered steps avoids the back-and-forth of exporting, noticing a problem, and re-exporting.
What happens if you compress, then edit again
If you do end up needing to re-crop or resize a photo that's already been compressed to JPEG or lossy WebP, the practical fix is simple: go back to the original source file if you still have it, redo the edit there, and compress once from that clean copy. Re-editing the compressed output directly works in a pinch, but the accumulated generation loss becomes visible faster than starting from the original would.
Illustrative example, not a guaranteed outcome: a photo compressed once at quality 75 might look indistinguishable from the original at normal viewing size. The same photo decompressed, cropped, and re-compressed at quality 75 a second time will typically show slightly softer edges and more visible compression artifacts in detailed areas than a single pass at the same quality, because the second pass is encoding data that already lost information in the first pass.
Frequently asked questions
Should I resize and compress an image before or after editing it elsewhere?
If I need to convert a PNG to JPG and also shrink the file size, do I need two tools?
I put text over a photo for a banner or thumbnail. Does compression affect whether the text is readable?
Does converting an image to WebP and then compressing it lose more quality than doing it in one step?
Should I remove EXIF data before or after compressing?
Format conversion, quality control, and resizing in a single export — free, and nothing ever leaves your browser.
Try the free Image Compressor →