Gaussian Blur & Box Blur

Professional image blur utility for designers, developers, and content creators. Process images entirely offline in your browser with precise control over blur effects.

Understanding Image Blur Effects

Blur effects are essential tools in digital image processing for creating depth, directing focus, and achieving artistic effects. Gaussian blur produces a natural, smooth blur that mimics out-of-focus photography, while box blur offers a faster, uniform blur suitable for performance-critical applications.

How to Use This Tool

Upload an image using the upload button or drag and drop
Select your preferred blur type (Gaussian or Box)
Adjust the radius to control blur intensity
For Gaussian blur, fine-tune sigma for smoothness
Use iterations for stronger blur effects
Download your processed image

Practical Examples

Background Blur: Use radius 8-12px Gaussian blur to de-emphasize background elements
Privacy Protection: Apply strong box blur (radius 15+px) to obscure sensitive information
Creative Effects: Combine multiple iterations of Gaussian blur for dreamy, soft-focus portraits
Performance Optimization: Use box blur with 2-3 iterations for fast processing of large images

Blur Type	Best Use Cases	Performance	Quality
Gaussian Blur	Photography, UI design, depth effects	Medium (O(radius²))	High
Box Blur	Fast previews, mobile apps, real-time effects	Fast (O(radius))	Medium

Blur Comparison Tool

Comparison Radius: 5px

Gaussian Blur

Box Blur

Frequently Asked Questions

What's the difference between Gaussian and Box blur?

Gaussian blur uses a bell-shaped curve for weighting pixels, creating a smooth, natural blur. Box blur uses equal weights for all pixels in the radius, resulting in a faster but less refined effect.

How does radius affect performance?

Gaussian blur processing time increases with the square of the radius, while box blur increases linearly. For large radii, consider using multiple iterations of smaller box blurs.

What image formats are supported?

All common browser-supported formats: JPEG, PNG, WebP, and GIF. Export is available in PNG, JPEG, and WebP (if supported by your browser).

Is there a maximum image size?

Processing happens in your browser's memory. Very large images may cause performance issues. The tool automatically scales down previews for responsive performance.

Formulas & Assumptions

Gaussian Kernel:

G(x,y) = (1/(2πσ²)) × e^(-(x²+y²)/(2σ²))

Kernel size: 2×ceil(3σ)+1, truncated at 21×21 for performance

Box Blur:

Uniform weights: 1/(2r+1)² where r = radius

Convolution:

Separable implementation for Gaussian, standard 2D for box

Edge handling: extended sampling (pixels beyond edge mirror edge values)

Rounding Policy:

8-bit color channels, clamped to 0-255, rounded to nearest integer

For informational and educational purposes only. All processing runs locally in your browser. Color management, codecs, and performance depend on your device. Verify critical work with professional tools.

Menu

Gaussian Blur and Box Blur

AI Assistant

Was this tool helpful?