Image Processing Visualizer
  • Algorithms
    Box Blur Gaussian Blur Prewitt Operator Sobel Operator (X Gradient) Sobel Operator (Y Gradient) Sobel Operator Canny Edge Detector
  • Visualize (current)
  • Clear Board
  • Clear Filter
  • Speed: Fast
    Fast Average Slow

About

In image processing, a kernel, convolution matrix, or mask is a small matrix. It is used for blurring, sharpening, embossing, edge detection, and more. This is accomplished by doing a convolution between a kernel and an image.

Learn more

Upload an Image

Click "Browse" and upload any image from the computer. It will be automatically scaled and converted into greyscale pixels. Choose an image with appropriate dimensions so it can fill up the entire canvas.

Choose an Algorithm

Choose an image processing algorithm from the "Algorithms" drop-down menu. Note that some edge detection algorithms require pre-processing such as blurring and smoothing to achieve optimal results.

Visualize!

Click on the pixels to apply the kernel or click "Visualize" to see the algorithm in action. The speed of visualization can be changed from the drop-down menu. Multiple image processing algorithms can be run on the same image.

Kernel Output
Visualization complete

Save changes to apply filter.