Tag: Blur

This category is a collection of various blur (or low pass) filters that are part of image processing and analysis. These tutorials present different algorithms to achieve a blurring effect on an image.

SVG Filters for Image Processing

SVG filters are a useful tool in web development and can even be applied to image processing tasks. They are flexible and the web environment allows their use in many different situations.

In: Image Processing
Gaussian filter in OpenGL/WebGL

This sample source code below shows how to implement Gaussian blur filter in OpenGL (WebGL) shading language. This is a popular algorithm in computer graphics that results in a blurry image. Interactive Preview: Online Image…

In: Image Processing, Programming
Gaussian filter in pure JavaScript

This article shows a sample implementation of a separable Gaussian filter in pure Java Script code. This filter finds many applications in various image processing algorithms. Canvas build ins Before we move on to the…

In: Image Processing, Programming
Fast image blur filter with OpenGL/WebGL

In this post, we implement a simple but fast algorithm for image blur filter with WebGL / OpenGL. The GL shader code in this article implements the average or box smoothing using GPU parallel processing.…

In: Image Processing, Programming
Median Filter – Edge Preserving Filter Tutorial

The Median filter is a nonlinear noise reduction technique that is widely used in image processing. It is very effective in cases of salt and paper noise (impulsive noise) and speckle noise. However, in cases…

In: Image Processing
Mean Filter: Box blur for fast noise reduction

The Mean filter is a linear low-pass blur photo filter where each pixel in the output image has average value of its neighboring pixels. The algorithm is also famous as Box blur and performs as…

In: Image Processing