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.

Image Blur

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

Drop or select an image — it's resized down to 1600 px max for performance.
Pick a blur type and adjust the radius slider live.
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

CSS Filter Playground

Visually compose blur, brightness, contrast, hue, sepia, invert, and more — copy the CSS filter or Tailwind arbitrary value.

Color 0 0

Image Duotone Effect

Apply a two-color duotone effect to any image — pick a shadow color and a highlight color, adjust midpoint and contrast, download the result. Spotify-style covers in two clicks.

Image 0 0

Image → WebP / JPEG / PNG Converter

Convert PNG/JPG to WebP (or back) with an adjustable quality slider — runs in your browser via canvas.

File 0 0

Image Edge Detection (Sobel / Scharr / Prewitt)

Detect edges in any image using classic 3×3 gradient operators — Sobel, Scharr, or Prewitt — with adjustable pre-blur to control noise, threshold to choose how strong an edge has to be, and custom foreground / background colors for blueprint, sketch, or neon-style outputs.

Image 0 0

Image Compressor

Compress and resize JPEG, PNG, and WebP images in your browser.

Image 0 0

Image Sharpen (Unsharp Mask)

Sharpen any photo or screenshot in your browser using the unsharp-mask algorithm — three sliders (amount, radius, threshold), four presets (subtle → extreme), live before/after comparison, and PNG download. Nothing is uploaded.

Image 0 0