Cloudinary Cookbook recipes about Blur

Blur or pixelate faces

Hide faces in your images by telling Cloudinary to either blur or automatically pixelate the detected faces. This is done by setting the effect parameter to either blur_faces or pixelate_faces (e_blur_faces or e_pixelate_faces in URLs). The level of blurring and the size of the pixel squares can customized.

Original

Blur faces

Pixelate faces

URL Ruby PHP v1 PHP v2 Python Node.js Java JS jQuery React Vue.js Angular .NET Android iOS All

URL:

https://res.cloudinary.com/demo/image/upload/e_blur_faces/young_couple.jpg

Ruby:

cl_image_tag("young_couple.jpg", :effect=>"blur_faces")

PHP v1:

cl_image_tag("young_couple.jpg", array("effect"=>"blur_faces"))

PHP v2:

(new ImageTag('young_couple.jpg'))
  ->effect(Effect::blur()->region(Region::faces()));

Python:

CloudinaryImage("young_couple.jpg").image(effect="blur_faces")

Node.js:

cloudinary.image("young_couple.jpg", {effect: "blur_faces"})

Java:

cloudinary.url().transformation(new Transformation().effect("blur_faces")).imageTag("young_couple.jpg");

JS:

cloudinary.imageTag('young_couple.jpg', {effect: "blur_faces"}).toHtml();

jQuery:

$.cloudinary.image("young_couple.jpg", {effect: "blur_faces"})

React:

<Image publicId="young_couple.jpg" >
  <Transformation effect="blur_faces" />
</Image>

Vue.js:

<cld-image publicId="young_couple.jpg" >
  <cld-transformation effect="blur_faces" />
</cld-image>

Angular:

<cl-image public-id="young_couple.jpg" >
  <cl-transformation effect="blur_faces">
  </cl-transformation>
</cl-image>

.NET:

cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect("blur_faces")).BuildImageTag("young_couple.jpg")

Android:

MediaManager.get().url().transformation(new Transformation().effect("blur_faces")).generate("young_couple.jpg");

iOS:

imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect("blur_faces")).generate("young_couple.jpg")!, cloudinary: cloudinary)

by Itay Taragano Jul 19, 2015

Tags: