This is a simple, browser-based image blurring program with all the processing done purely in client-side Javascript and WebAssembly. For further reading on how the algorithms work, refer to the references.
You can check out a live version here
- Click on
Load an Image
to load an image - Select one of the algorithms.
Please note that the Basic Box Blur
is so slow that it can cause your browser to freeze, especially for higher blur radius values and for bigger images. It is mainly there to demonstrate how poorly a naive implementation can perform. Ideally, you should only use it with a small blur radius, and the image shouldn't be too big.
- Move the slider to change the blur radius and see the resulting image
- You can change the radius multiple times and switch between different algorithms to compare
- You can download the blurred image by clicking on the button that appears at its top-right corner when you hover on it