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 Imageto load an image - Select one of the algorithms.
- 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
- WebAssembly
- Web Workers (multithreading)