🌫️ Image Blur Tool

What is the Image Blur Tool?

Blurring an image means averaging each pixel with the colours of the pixels around it, so sharp edges fade into smooth gradients. The blur radius (measured in pixels) sets how far that averaging reaches: a radius of 2 px only nudges neighbours, while a radius of 30 px pulls in pixels from far away and turns fine detail into soft colour blobs. This tool uses the browser’s built-in Gaussian-style blur, the same one CSS uses, applied to a canvas before the result is re-encoded as a PNG.

A Gaussian blur weights nearby pixels more heavily than distant ones, following a bell curve, which is why it looks natural and free of the boxy artefacts that a crude box blur can leave. Because the effect is symmetric in every direction, straight lines stay straight (just fuzzy) and the overall composition is preserved. The cost is detail: once an image is blurred and saved, the lost sharpness cannot be recovered, so always keep your original file.

People blur images for two broad reasons: aesthetics and privacy. On the aesthetic side, a gentle blur creates soft backgrounds, dreamy textures, or frosted-glass panels behind text. On the privacy side, blurring hides faces, licence plates, addresses, or screen contents before sharing. A word of caution on privacy: a light blur can sometimes be reversed or read by determined viewers, so for truly sensitive data a heavy blur, a solid block, or pixelation is safer than a subtle one.

When to use it

• Softening a busy background so text or a subject in the foreground stands out.
• Hiding faces, licence plates, or personal details before posting a photo publicly.
• Creating a frosted, out-of-focus banner or hero image for a website or slide.
• Toning down a distracting or noisy area of a screenshot before sharing it.

How to use the Image Blur Tool

1. Click Choose an image and pick a JPG, PNG, or WEBP from your device.
2. Drag the blur radius slider to set how strong the blur should be.
3. Watch the live preview on the canvas update as you move the slider.
4. Click Download PNG to save the blurred image, or Clear to start over.

Formula & method

Worked examples

Rough guide to blur radius and the effect it produces

Common mistakes to avoid

• Trusting a light blur to hide sensitive data. A subtle blur can sometimes be partly reversed or read by a determined viewer. To truly hide a face, plate, or text, use a heavy radius, or cover the area with a solid block, rather than a gentle smudge.
• Overwriting your only copy. Blurring throws away detail permanently. Always keep the original file so you can re-do the edit later or use a different radius.
• Expecting the same look at every image size. A 10 px radius is dramatic on a small image but barely visible on a huge one, because the blur is measured in pixels, not as a share of the picture. Adjust the slider to suit the image you have.
• Blurring the wrong total area for privacy. A face or plate may peek out at the edges of the blurred region. Make sure the soft area fully covers what you mean to hide, with a margin to spare.

Glossary

Blur radius

How far, in pixels, the blur averages surrounding pixels. Larger means a softer, more diffused image.

Gaussian blur

A blur that weights nearby pixels more than distant ones along a bell curve, giving a smooth, natural-looking softness.

Canvas

An in-browser drawing surface where the image is rendered and the blur is applied before being saved.

PNG

A lossless image format. This tool exports the blurred result as a PNG so no extra quality is lost on save.

Pixel

The smallest dot of colour in an image. Blur radius and image size are both counted in pixels.

Frequently asked questions