Articles & Code Snippets

Image blur filter

How to apply a Gaussian blur to an image.


The value of ‘radius’ defines the value of the standard deviation to the Gaussian function, or how many pixels on the screen blend into each other, so a larger value will create more blur. If no parameter is provided, then a value 0 is used. The parameter is specified as a CSS length, but does not accept percentage values.

.img_blur {
  -webkit-filter: blur(18px);
  filter: blur(18px);



Adds an adaptive blur filter to image. The intensity of an adaptive blur depends is dramatically decreased at edge of the image, whereas a standard blur is uniform across the image. This method is available if Imagick has been compiled against ImageMagick version 6.2.9 or newer.

header('Content-type: image/jpeg');
$image = new Imagick('img.jpg');
echo $image;