Image Blur

Apply blur effects to your images. Global blur, zone blur, or radial vignette blur.

Drop an image here

or click to browse — JPG, PNG, WebP, GIF…

Blur intensity 0px

Draw a rectangle on the image below to select the area you want to blur, then click Apply blur to zone.

Pixelation 10px

Blur increases from the focus center outward — ideal for portrait/focus effects. Adjust the sliders and click Apply radial blur.

Center X 50%

Center Y 50%

Focus radius 30%

Max blur 15px

Feather 50%

How it works?

Your image is processed entirely in the browser using HTML5 Canvas — nothing is sent to any server. Global blur uses ctx.filter = 'blur(Xpx)' to apply a Gaussian blur to the entire image. Zone blur lets you drag a rectangle; the region is pixelated using a scale-down/scale-up technique with nearest-neighbour rendering. A badge showing the pixelation value is displayed over each applied zone. Radial blur composites multiple blur passes with radial gradient masks — the center stays sharp while the edges blur progressively based on distance from the focus point.