- Upload, paste, or drop an image.
- Adjust the blur radius.
- Choose an output format.
- Download the blurred image.
Blur Image
Blur an image with an adjustable blur radius and download the result.
Settings
Upload, paste (Ctrl/Cmd+V), or drop an image. Adjust blur and download the result.
12px
92%
Quality applies to JPEG/WebP.
Choose an image to get started.
Preview
Live preview is scaled to fit; download uses full resolution.
Drop an image here, paste from clipboard, or use “Choose image”.
How to Use This Tool
Learn More About Blur Image
Blurring images in the browser
A common way to blur an image client-side is to draw it to a canvas while applying a blur filter. The blur radius controls how soft edges become.
Choosing formats
- PNG is lossless and supports transparency.
- WebP can be smaller and may support transparency.
- JPEG is widely supported but does not support transparency.
About
Use Blur Image to quickly soften an image with an adjustable blur radius. Preview the effect instantly and download the result.
Examples
Sample Scenario
Runtime-verified example for blur-image
Input
{
"inputImage": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAD9JREFUOE9jZKAQMFKon2Fj5in+M/w34aj/DfiBoPj/L/2/gYGB4T8UvICj/P8PHCBFREA0Gr8pINsBAMj8EHyJv4XPAAAAAElFTkSuQmCC",
"outputFormat": "PNG",
"radius": 6,
"imageQuality": 90
}Output
{
"dataUrl": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAE0lEQVR4nGNgGAWjYBSMAgYwAAAEEAABsax5zAAAAABJRU5ErkJggg==",
"filename": "blurred-image.png",
"mimeType": "image/png",
"width": 16,
"height": 16
}Use Cases
- Blur sensitive information in screenshots
- Add depth-of-field style effects to images
- Create soft backgrounds for banners or thumbnails
- Reduce detail before sharing or posting