Overview
Introduction
This tool softens the visibility of blocky JPEG compression artifacts with a mild blur, entirely in your browser.
It's honestly a smoothing approximation rather than true deblocking: it reduces how obvious the blockiness looks without being able to distinguish a real edge from a compression artifact.
What Is JPG Artifacts Remover?
A client-side box blur tuned for mild, targeted smoothing: a small 1-3px radius derived from a 0-100 strength value, applied to the red, green, and blue channels (alpha is left untouched).
It's the honest counterpart to jpg-artifacts-adder: where that tool creates real artifacts via a genuine low-quality re-encode, this one can only approximate their removal with a general-purpose smoothing pass.
How JPG Artifacts Remover Works
The chosen strength (0-100) is mapped linearly to a blur radius between roughly 1 and 3 pixels, then a separable box blur is applied horizontally and vertically across the RGB channels.
Because the blur is untargeted, it softens the whole image uniformly rather than detecting and specifically smoothing 8x8 block boundaries the way a real deblocking filter would.
When To Use JPG Artifacts Remover
Use it on a JPG that's visibly suffered from heavy compression and you'd like the blockiness to read as less obvious, accepting a small loss of overall sharpness.
It's a reasonable quick fix before further editing when re-obtaining a higher-quality source isn't an option.
Often used alongside JPG Artifacts Adder, JPG Blurrer and PNG Blurrer.
Features
Advantages
- Runs entirely client-side; your image is never uploaded anywhere.
- Adjustable strength lets you balance smoothing against detail loss.
- Fast, simple, and effective at making blockiness less visually prominent.
Limitations
- This cannot recover detail actually destroyed by low-quality compression; it only reduces how visible the remaining blockiness looks.
- Higher strengths soften real detail along with artifacts, since the blur has no way to tell them apart.
Examples
Best Practices & Notes
Best Practices
- Start at a low-to-moderate strength and increase only as needed; it's easy to over-blur past the point of helping.
- If a higher-quality original is available, re-download it instead of trying to fix a heavily compressed copy.
Developer Notes
removeJpgArtifacts is a pure lib function: it derives a 1-3px radius from the 0-100 strength input and runs a standard separable box blur (horizontal pass into a Float32Array buffer, then vertical pass with clamping) across the RGB channels, leaving alpha untouched, since no DOM access is needed here (unlike the compression tools in this category, this effect doesn't require a real re-encode).
JPG Artifacts Remover Use Cases
- Softening visible blockiness in a heavily compressed downloaded image
- A quick pre-processing step before further edits on a low-quality source
- Demonstrating the limits of blur-based artifact mitigation versus real deblocking
Common Mistakes
- Expecting genuine detail recovery: this only reduces visibility of artifacts, it doesn't reconstruct lost information.
- Using a high strength on an already-clean image and introducing unnecessary blur.
Tips
- Compare a couple of strength values side by side to find where blockiness stops being obvious without excessive softening.
- For a cleaner result from the start, use jpg-quality-changer or jpg-compressor at a higher quality instead of compressing too aggressively in the first place.