AZ Tools

Image Blur

Image

Blur an image without uploading it anywhere — useful for background images, banner thumbnails, redacting screenshots, or quick design mockups. Choose Gaussian (smooth, default), box (slightly less smooth, good for performance), or motion blur in horizontal/vertical direction (gives a sense of speed). Radius is adjustable up to 64 pixels. Output is rendered to a canvas you can download as PNG, and the equivalent CSS `filter:` string is provided if you'd rather apply the blur via stylesheet on a live element.

How to use

  1. Drop or select an image — it's resized down to 1600 px max for performance.
  2. Pick a blur type and adjust the radius slider live.
  3. Download the result as PNG, or copy the CSS `filter` declaration for live use.

Frequently asked questions

Does this upload my image?
No. Image data is loaded via `URL.createObjectURL` and rendered to a canvas — all in your browser. Nothing leaves your device.
Why are large images shrunk to 1600 px?
Blur radius up to 64 px applied to a 4K image is very slow and can lock the tab. The 1600 px cap keeps it responsive while still producing good output for web use. Crop or resize beforehand if you need full resolution.
What's the difference between Gaussian and box blur?
Gaussian uses a bell-curve weighting — smoother and more natural-looking. Box blur uses equal weights — slightly cheaper computationally and gives a chunkier look. Visually they're similar at small radii.

Related tools