Blur Image Online

This image processor applies Gaussian blur effects that reduce image detail and noise through convolution-based smoothing algorithms. The technique samples neighboring pixel values within a defined radius, applies weighted averaging using a Gaussian distribution curve where closer pixels contribute more heavily to the result, then replaces each original pixel with the calculated average. Blur radius controls effect intensity - larger values create stronger diffusion by sampling from wider neighborhoods.

The Gaussian kernel follows a bell-shaped probability distribution ensuring nat ural-looking blur without blocky artifacts. Mathematical implementation involves creating a two-dimensional weighting matrix where values decrease exponentially with distance from center, normalized so all weights sum to one. Processing occurs through HTML5 Canvas API where pixel manipulation happens via ImageData buffers, with convolution applied either through direct kernel multiplication or Fast Fourier Transform for improved performance on large images with extensive blur radii.

Adjustable parameters include radius (typically 1-50 pixels), edge handling modes (clamp, wrap, or mirror for boundary pixels), and optional direction constraints for motion blur simulation. The tool serves multiple purposes: reducing photographic noise before printing, creating depth-of-field focus effects, generating background elements for layered designs, obscuring sensitive information in screenshots for privacy protection, or producing soft glows for artistic compositing. All processing executes client-side through browser JavaScript engines, ensuring uploaded images never transmit to external servers.