🌫️ Image Blur Tool
By Shihab Mia · Updated 2026-07-30
JPG, PNG, WEBP or any image your browser can open. Nothing is uploaded.
0 px is no blur. Higher values give a softer, more diffused result.
Choose an image to get started.
This image blur tool softens any photo right in your browser. Upload a picture, drag the radius slider, and watch the blur update live on the canvas. When it looks right, download the result as a PNG. Nothing is uploaded to a server, the whole job runs on your own device, so even private or sensitive images stay with you.
What is the Image Blur Tool?
Blurring an image means averaging each pixel with the colors 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 a determined viewer, so for truly sensitive data a heavy blur, or a solid block over the area, is safer than a subtle one.
Gaussian blur and pixelation (also called a mosaic effect) both hide detail but work differently and offer different levels of protection. Blur diffuses each pixel's colour into its neighbours, which looks natural but leaves behind a statistical trace of the original pattern, so a low-radius blur can sometimes be partly reversed with deconvolution software, especially on predictable content like printed text or a familiar face. Pixelation instead flattens each block of pixels into one solid colour, destroying the fine structure completely, which is why redaction guides generally favour a heavy blur or an opaque block over pixelation or a light blur whenever the content genuinely must not be recovered. This tool applies a Gaussian-style blur, not pixelation, so for anything you cannot afford to have reconstructed, push the radius to the top of the range.
Because this tool blurs the whole photo rather than a hand-picked region, it works best in two situations: images you want softened all over, such as a background image, a loading placeholder, or a dreamy aesthetic shot, or close-up images where the sensitive detail already fills most of the frame. If you need a sharp subject in front of a blurred background, blur a full copy of the photo here, then combine it with the unblurred original in a layered photo editor, cropping the sharp subject out and placing it over the blurred copy. Web designers often use a pre-blurred PNG from this tool as a hero background behind text, since it loads and renders identically everywhere, unlike a live CSS backdrop-filter: blur() which some older browsers still do not support.
When to use it
- Blurring an entire photo to use as a soft, out-of-focus background behind headline text on a website, slide, or poster.
- Hiding a face, license plate, screen, or document by blurring the whole image heavily before sharing a close-up screenshot or photo publicly.
- Softening a busy or distracting photo before using it as a placeholder image, loading thumbnail, or blurred preview.
- Creating a frosted-glass or dreamy aesthetic effect for social media posts, mood boards, or album art.
- Reducing visible noise or JPEG compression artefacts in a low-quality photo with a very light blur.
- Previewing how a design mockup or hero image will look softened before hand-coding a CSS backdrop-filter blur.
How to use the Image Blur Tool
- Click Choose an image and pick a JPG, PNG, or WEBP from your device.
- Drag the blur radius slider to set how strong the blur should be.
- Watch the live preview on the canvas update as you move the slider.
- Click Download PNG to save the blurred image, or Clear to start over.
Formula & method
Worked examples
You upload a 1200 x 800 px photo and want a light background softening.
- Choose the image, the canvas shows it at full size.
- Drag the radius slider to about 5 px.
- The preview softens edges slightly while shapes stay recognisable.
- Click Download PNG to save the result.
Result: A gently softened 1200 x 800 px PNG, fine detail reduced but the scene still readable.
You need to hide a face in a close-up snapshot before sharing it.
- Upload the photo and set the slider to a high value, around 35 px.
- The preview shows the features dissolving into smooth colour.
- Confirm the face is no longer identifiable in the preview.
- Download the heavily blurred PNG.
Result: A strongly blurred image where the face is reduced to indistinct colour and is no longer recognisable.
You want a blurred background image for a website hero section with white overlay text.
- Upload a colourful landscape or team photo you plan to use as a full-bleed background.
- Drag the radius up to around 18 to 20 px so shapes and colours remain but detail disappears.
- Check the preview to confirm no small text or faces are still legible.
- Download the PNG and set it as the background image behind your heading.
Result: An 18 px blurred version of the photo, ready to sit behind white text without competing for attention.
Rough guide to blur radius and the effect it produces
| Radius | Effect | Typical use |
|---|---|---|
| 0 px | No change | Original, slider at rest |
| 1 to 4 px | Very light softening | Reduce noise or sharpening halos |
| 5 to 12 px | Noticeable soft focus | Soft backgrounds, dreamy look |
| 13 to 25 px | Heavy blur | Frosted-glass panels behind text |
| 26 to 50 px | Extreme blur | Hiding faces, plates, or text |
Blur vs other ways to hide or soften part of a photo
| Method | How it works | Best for | Limitation |
|---|---|---|---|
| Gaussian blur (this tool) | Averages nearby pixel colours on a bell curve | Soft backgrounds, mild privacy, aesthetics | Low radius can sometimes be partly reversed |
| Pixelation / mosaic | Flattens each block of pixels into one solid colour | Strong redaction of faces, text, plates | Looks blocky, not suited to backgrounds |
| Solid block / crop | Covers or removes the area completely | Legal, medical, or compliance redaction | No soft look, information is fully gone |
| Selective brush blur (photo editor) | Blurs only a hand-painted region, not the whole photo | Sharp subject with a blurred background | Needs a separate editor, not built into this tool |
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.
- Expecting to blur only one region of the photo. This tool blurs the whole image evenly, it has no brush or crop-select. If you need a sharp subject with only the background soft, blur a full copy here, then layer it with the unblurred original in a photo editor and crop the sharp subject over the top.
- Assuming blur strips hidden file details. Changing the pixels does not automatically remove EXIF metadata such as GPS location, camera model, or timestamp embedded in the file. If you need genuine anonymity, strip the metadata separately as well as blurring the image.
- Relying on blur for legal or compliance redaction. For court documents, medical records, or GDPR-style redaction, a blur is usually not accepted as sufficient, since some detail can remain statistically recoverable. Use a solid opaque block or permanently remove the content instead.
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.
- Pixelation (mosaic)
- A censoring effect that flattens each block of pixels into a single solid colour, hiding detail more completely than blur.
- 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.
- EXIF data
- Metadata embedded in a photo file, such as GPS location, camera model, and timestamp, that blurring the pixels does not remove.
- Redaction
- Permanently hiding or removing sensitive content from a document or image, typically with a solid block rather than a blur.
Frequently asked questions
Is my image uploaded to a server?
No. The whole tool runs in your browser using a canvas. Your image is read locally with the file reader, blurred on your device, and saved straight to your downloads. It is never sent anywhere, so private photos stay private.
What image formats can I blur?
Any format your browser can open, which covers JPG, PNG, and WEBP, and usually GIF and BMP too. The blurred result is always exported as a PNG so it stays lossless.
How strong can the blur be?
The slider goes from 0 px (no blur) up to 50 px. Around 5 to 12 px gives a soft-focus look, while 26 px and above turns faces and text into indistinct colour, useful for hiding details.
Can a blurred image be un-blurred?
Blurring permanently discards detail, so there is no reliable way to recover the original sharpness. That said, very light blurs can sometimes be partly read or reconstructed, so use a strong radius when hiding sensitive information.
Will blurring change my image size or resolution?
No. The output keeps the same pixel dimensions as the original. Only the sharpness changes. The PNG file may differ in byte size, but the width and height stay the same.
Why does the same radius look weaker on a large photo?
Blur radius is measured in pixels, not as a percentage of the image. On a very large photo a 10 px blur covers a smaller share of the picture, so it looks milder. Increase the radius for big images.
What is the difference between blur and pixelation for hiding something?
Blur diffuses colours smoothly and can sometimes be partly reversed at low radius, while pixelation flattens blocks of pixels into flat colour and hides detail more completely. For light privacy or soft backgrounds, blur is fine, for redacting something that must never be recovered, pixelation or a solid block is safer.
Does blurring remove the GPS location or other metadata from my photo?
No. Blurring only changes the pixels you see, it does not strip EXIF metadata such as GPS coordinates, camera model, or timestamp stored in the file. Remove that metadata separately if you need full anonymity.
Can I blur just one part of the image, like only a face in a group photo?
This tool blurs the entire image evenly, it has no brush or region-select. To blur only one part, blur a full copy here, then combine it with the unblurred original in a photo editor by cropping the sharp area over the blurred one.
Does this blur tool work on my phone?
Yes. It runs in any modern mobile browser. Tap Choose an image to pick a photo from your camera roll, drag the slider with your finger, and download the result the same way as on desktop.