This online sample app shows how the Gaussian blur works on an image or video. This operator is one of the main noise reduction techniques in image analysis and has many applications.
With this tool, you can experiment with a Gaussian filter. In the meantime, you can add a blur effect to your images. This is handy in case you want to make a fuzzy background for your project.
How does Gauss works?
This small tool serves as an example of a Gaussian filter. Works online in a browser and can easily add a blur effect to photos and images.
The following steps briefly describe the algorithm:
- The tool loads an image into memory using HTML Canvas element.
- Then the app apply a fast Gaussian convolution via WebGL shader.
- Finally, the web app displays the resulting texture on a 2D Canvas element
User Interface
Generic option
See our online test gallery to learn how to use the generic options.
Configure the filter
To help configure blur parameters, the demo app provides the following user interface controls:
- Noise – simple noise generator. A higher value means more noise in the image.
- Sigma – controls the standard deviation of the Gaussian kernels. The higher the value, the stronger the effect of the filter.
Related algorithms and code
Image Analysis Demo Gallery





