{"id":21466,"date":"2017-02-08T15:37:38","date_gmt":"2017-02-08T15:37:38","guid":{"rendered":"http:\/\/the_many_faces_of_on_the_fly_face_detection"},"modified":"2024-10-02T16:19:11","modified_gmt":"2024-10-02T23:19:11","slug":"the_many_faces_of_on_the_fly_face_detection","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection","title":{"rendered":"Perform Face-Detection Transformation Techniques On-the-Fly with Cloudinary"},"content":{"rendered":"

With the decreasing price-performance ratio of computing, research efforts in face detection<\/strong> and face recognition<\/strong> algorithms are rapidly expanding and new techniques for both of these are achieving greater accuracy and reduced processing time.<\/p>\n

What Is Face Detection?<\/h2>\n

Face detection<\/strong> is a technology that identifies whether and where human faces are located in digital images. It\u2019s commonly used in cameras, security applications, graphic applications, and a variety of other web and mobile apps. It is also a prerequisite for face recognition, which uses a database and additional algorithms to match a detected face with a specific individual.<\/p>\n

A large percentage of the images in most websites and apps include photos of people<\/strong> \u2013 from profile pics to news articles to group selfies. These photos need to be displayed in sizes, shapes, and styles that match the site design. Performing automatic face cropping or otherwise programmatically modifying images that contain faces necessitates a reliable face detection technology.\nThe reliability can be affected by the colors, or lack of colors in the image, the direction a person is facing, the tilt of the head, the size of a face, the complexity of the background, lighting, and more.<\/p>\n

Cloudinary\u2019s Face Detection Solution<\/h2>\n

Cloudinary provides a complete image and video management solution for web and mobile app programmers. Our solution includes a built-in image face detection<\/strong> functionality and several face-detection features you can take advantage of in your own apps. In most cases, applying this functionality is just a question of adding a parameter or two to your image delivery URLs\u2026 and your own creativity, of-course.<\/p>\n

Cloudinary recently updated its face detection technology. The new technology is now very efficient and precise<\/strong>, including many \u201cdifficult\u201d scenarios such as side portraits, blurry faces, tricky lighting, and more.<\/p>\n

For example, the people in these images are now easily detected despite low lighting, unusual shadows, black and white images, turned heads and closed eyes:<\/p>\n

\"low-lighting\n
\u00a0<\/br>\n\"face\n\n\"side-facing,<\/p>\n

 <\/p>\nWhen you deliver an image URL that includes face-detection transformations, the faces in the original photo are detected on-the-fly, the requested transformations are performed in the cloud, and then the final image is delivered via CDN.\n

The rest of this blog will cover some of the many ways that developers can automatically transform proprietary and user-generated photos containing faces to fit the needs and design of a website or app.<\/p>\n

Facing it head on<\/h2>\n

Perhaps one of the most common uses of face detection is for cropping. A large percentage of images, especially with user-generated content, contain photos of people.<\/p>\n

Headshots are needed for profile pictures, chat heads, and more, but the original uploaded photo may include much more than just a face, and that face may not even be the central element in the photo. Group selfies are also popular, and rarely centered, so again, we need to be very careful that even if we crop the photo to a different aspect ratio, we don\u2019t lose any of the crew.<\/p>\n

In short, it\u2019s critical in most situations that when we resize and crop uploaded photos, we keep our users\u2019 faces up front and center. There are a variety of features you can use or combine to ensure this.<\/p>\n

Gravity is the key<\/h3>\n

When cropping photos intended for profile pictures or other headshots, you will usually want to use face<\/code> as your cropping gravity<\/code> (g_face<\/code> in URLs). This ensures that the detected face (or largest face if there is more than one) will be the center of the cropped photo, regardless of its initial location.<\/p>\n

If in conjunction with face<\/code> gravity, you use thumb<\/code> as your crop<\/code> method, you will get a crop that\u2019s as tight as possible (given the cropping dimensions) to the detected face coordinates.<\/p>\n

You can further adjust your thumbnail cropping by setting a zoom<\/code> value, to zoom in or out from the detected face coordinates. And then of-course you can add any other transformations you want.<\/p>\n

\n<\/div>\n
\n\n\"Original<\/a>\nOriginal photo<\/font><\/i>\n

<\/span>\n\"Cropped<\/a>\nCropped to a square using face detection<\/font><\/i>\n<\/span><\/p>\n\n\"Cropped<\/a>\nCropped using face detectionwith thumbnail cropping<\/font><\/i> \n<\/span>\n\n\"Face<\/a>\nFace detection, thumbnail crop,zoomed out a bit<\/font><\/i>\n<\/span>\n\n\"Same<\/a>\nSame as previous with circle shape,shadow, and improve effect<\/font><\/i>\n<\/span>\n<\/div>\n

\n<\/div>\n

Here\u2019s what the delivery code looks like for that last photo:\n\n Loading code examples<\/span>\n <\/cld-code-widget><\/p>\n

Everything mentioned above works equally well for multiple faces. Just use faces<\/code> gravity instead of face<\/code>, and your cropping will be based on a rectangle that includes all detected faces.<\/p>\n

All of this assumes you can reasonably expect that the uploaded image is going to contain one or multiple faces as the main subject.<\/p>\n

Sometimes the main subject of an image isn\u2019t necessarily expected to be a person, but you still need to ensure you aren\u2019t cutting off people or other important content of the image. In this case, you can take advantage of the auto<\/code> gravity feature. With this automated cropping method, the most prominent elements of the picture determine the cropping coordinates. Unless otherwise specified, any detected faces<\/code> get a high priority in this cropping decision, but other prominent elements are also included.<\/p>\n

You can learn lots more about auto<\/code> gravity in this blog article<\/a> and this documentation<\/a>.<\/p>\n

Losing face<\/h2>\n

There may be situations where you\u2019d like to keep the people in a photograph anonymous. In these cases, you can pixelate or blur all detected faces just by adding a single parameter to your image URL.<\/p>\n

In the example below, the faces that Cloudinary detects in the concert audience are generally those that could likely be identified by a human viewer. All of these faces are automatically blurred before the image is delivered, using the blur_faces<\/code> effect.<\/p>\n

\n Loading code examples<\/span>\n <\/cld-code-widget>\"blurred<\/a><\/p>\n

And here\u2019s an example of an ice skating scene where a couple of childrens\u2019 faces are clearly visible. This time, we use the pixelate option to protect the kids\u2019 identities:<\/p>\n

\n Loading code examples<\/span>\n <\/cld-code-widget>\"pixelated<\/a><\/p>\n

Tip<\/strong>: For cases like these, you may want to take advantage of one of the access control options<\/a> to prevent users from accessing the non-blurred or non-pixelated versions of the image.<\/p>\n

Saving face<\/h2>\n

There\u2019s no such thing as a face detection technology that will detect 100% of the faces 100% of the time, so what if you notice that a particular face you need was not detected? No problem. You can always update the detected coordinates explicitly.<\/p>\n

For example, when a user uploads an image to your site, you can retrieve and display the detected face coordinates and then enable your users to adjust the coordinates or add a new face via your UI. You can then pass the updated coordinates to Cloudinary via the Update<\/a> method of the Admin API.<\/p>\n

For your own images, you can also manually change the coordinates using the Media library UI.<\/p>\n

In your face<\/h2>\n

Sometimes, just blurring or pixelating a face isn\u2019t enough. Instead, you want to completely cover the face with another image. Or, maybe you just want to add a fun mask. Whatever the reason, it\u2019s simple to add the same image to all faces in a photo.<\/p>\n

To do this, you take advantage of the region_relative<\/code> flag and faces<\/code> gravity when you specify the overlay image. That tells Cloudinary that you want the overlay to be placed on all faces, and that the specified size of each overlay is a percentage relative to the size of each detected face.<\/p>\n

For example, here\u2019s a quick way to get your family dressed up in costume:\n\n Loading code examples<\/span>\n <\/cld-code-widget><\/p>\n

\n<\/div>\n
\n\n\"Original<\/a>\n

<\/span>\n\"spiderman<\/a>\n<\/span><\/p>\n<\/div>\n

\n<\/div>\n

You probably already noticed that we gave anonymous (happy) faces to our roller coaster riders at the beginning of this article using the same technique.<\/p>\n

And remember, the overlay you use doesn\u2019t have to cover the whole face or even be centered. Below, we add a ranger hat to a man\u2019s head using a relative y- coordinate to offset the location of the hat about 30% above the center of the face.<\/p>\n

\n Loading code examples<\/span>\n <\/cld-code-widget>\"hat<\/a><\/p>\n

At face value<\/h2>\n

If you want to check the face detection status of uploaded images programmatically, you can request to return face coordinate data when you or your users upload<\/a> images, or you can request them upon demand for already uploaded images using the explicit<\/a> method of the upload API, or with the list details of a single resource<\/a> functionality of the Admin API. The following shows an excerpt from the JSON response of an upload call where the faces<\/code> parameter was set to true.<\/p>\n

{\n  ...\n  \"faces\"<\/span>:  [ [513<\/span>, 19<\/span>, 38<\/span>, 52<\/span>], [409<\/span>, 26<\/span>, 40<\/span>, 54<\/span>], [79<\/span>, 31<\/span>, 43<\/span>, 59<\/span>], [232<\/span>, 32<\/span>, 40<\/span>, 54<\/span>], [321<\/span>, 33<\/span>, 41<\/span>, 57<\/span>], [160<\/span>, 37<\/span>, 43<\/span>, 59<\/span>]\n}\n<\/code><\/span>Code language:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n
For example, you could use this data to calculate the ideal location for a text overlay so that it won\u2019t cover any faces on a photo.<\/p>\n
Two-faced<\/h2>\n
Cloudinary enables you to create programmatically complex transformations by adding conditions to your transformations. One of the things you can base your conditions on is face_count<\/code>.<\/p>\n
For example, you can\u2019t always be sure that a profile picture will be of a person. Some people choose to upload family portraits, scenery, or other images to represent themselves. The following images use the identical conditional transformation, where thumbnail cropping is applied if one or more faces is found, but scaled cropping is used on images without faces. We\u2019ve also added a shadow vs black border for the alternative conditions to highlight the differences.<\/p>\n
(The code shown here is for the nice_couple<\/code> on the left, but you can click the bridge picture to see that it uses the identical transformation URL except for the image name (public ID).)<\/p>\n
\n      Loading code examples<\/span>\n    <\/cld-code-widget><\/p>\n
\n<\/div>\n
\n\n\"image<\/a>\n
<\/span>\n\"image<\/a>\n<\/span><\/p>\n<\/div>\n
\n<\/div>\n
You can learn more about conditional transformations here<\/a>.<\/p>\n
Face to face<\/h2>\n
Just a reminder that in addition to applying all this cool stuff on images that you or your users directly upload, you can also use the same tricks with remotely fetched<\/a> images, such as Facebook profile pictures<\/a>.<\/p>\n
For example, you can allow your users to select to use their Facebook profile photo as the basis for their account profile photo in your app and then apply resizing, rounding, artistic effects, or any other transformation to fit your site\u2019s art direction, while ensuring that the detected face of the fetched photo remains the main focus of the final photo.<\/p>\n
Here we apply cropping and several other transformations to the Facebook profile photo from the Remembering JFK<\/strong> page:<\/p>\n
\n      Loading code examples<\/span>\n    <\/cld-code-widget><\/p>\n
\n<\/div>\n
\n\n\"Original<\/a>\nOriginal Facebook profile photo<\/font><\/i>\n
<\/span>\n\u00a0\u00a0\u00a0\u00a0\n\"Cropped<\/a>\nManipulated photo: face thumbnailslight zoom,\nartistic filter,rounding, shadow<\/font><\/i>\n<\/span><\/p>\n<\/div>\n
\n<\/div>\n
You can do the same with images fetched from other sites, like Twitter<\/a>, Google+<\/a>, or from any image URL.<\/p>\n
Face the facts<\/h2>\n
By now, the many potential uses for face detection techniques have probably become obvious to you, as plain as the nose on your face<\/i>, you might say\u2026.   OK, I\u2019m done with the painful face puns.<\/p>\n
The fact is that almost every Website includes both local and user-generated content that centers around people. It\u2019s essential that those people remain the focus of the displayed pictures regardless of how you resize, crop, add images and text overlays, etc.<\/p>\n
Cloudinary\u2019s face detection capabilities and updated mechanism enable you to accomplish all of these things programmatically, using simple transformation parameters, and with very reliable results.<\/p>\n
Ready to see how far your creativity can take these face detection features? These features are available in all plans including the free plan, with no add-ins required. If you don\u2019t have a Cloudinary account yet, you can sign up for a free one<\/a>, and give it a go!<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":41,"featured_media":21467,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[113,165],"class_list":["post-21466","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-face-detection","tag-image-transformation"],"acf":[],"yoast_head":"\nPerform Face-Detection Transformation Techniques On-the-Fly<\/title>\n<meta name=\"description\" content=\"Use Cloudinary's built-in face detection technology to automatically focus crops on faces, blur, pixelate, add overlays to faces, and more, on-the-fly\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Perform Face-Detection Transformation Techniques On-the-Fly with Cloudinary\" \/>\n<meta property=\"og:description\" content=\"Use Cloudinary's built-in face detection technology to automatically focus crops on faces, blur, pixelate, add overlays to faces, and more, on-the-fly\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-02-08T15:37:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-02T23:19:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649724514\/Web_Assets\/blog\/face_coaster_cover2\/face_coaster_cover2-jpg?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1158\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Perform Face-Detection Transformation Techniques On-the-Fly with Cloudinary\",\"datePublished\":\"2017-02-08T15:37:38+00:00\",\"dateModified\":\"2024-10-02T23:19:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection\"},\"wordCount\":7,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724514\/Web_Assets\/blog\/face_coaster_cover2\/face_coaster_cover2.jpg?_i=AA\",\"keywords\":[\"Face Detection\",\"Image Transformation\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2017\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection\",\"url\":\"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection\",\"name\":\"Perform Face-Detection Transformation Techniques On-the-Fly\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724514\/Web_Assets\/blog\/face_coaster_cover2\/face_coaster_cover2.jpg?_i=AA\",\"datePublished\":\"2017-02-08T15:37:38+00:00\",\"dateModified\":\"2024-10-02T23:19:11+00:00\",\"description\":\"Use Cloudinary's built-in face detection technology to automatically focus crops on faces, blur, pixelate, add overlays to faces, and more, on-the-fly\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724514\/Web_Assets\/blog\/face_coaster_cover2\/face_coaster_cover2.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724514\/Web_Assets\/blog\/face_coaster_cover2\/face_coaster_cover2.jpg?_i=AA\",\"width\":1920,\"height\":1158},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Perform Face-Detection Transformation Techniques On-the-Fly with Cloudinary\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Perform Face-Detection Transformation Techniques On-the-Fly","description":"Use Cloudinary's built-in face detection technology to automatically focus crops on faces, blur, pixelate, add overlays to faces, and more, on-the-fly","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection","og_locale":"en_US","og_type":"article","og_title":"Perform Face-Detection Transformation Techniques On-the-Fly with Cloudinary","og_description":"Use Cloudinary's built-in face detection technology to automatically focus crops on faces, blur, pixelate, add overlays to faces, and more, on-the-fly","og_url":"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection","og_site_name":"Cloudinary Blog","article_published_time":"2017-02-08T15:37:38+00:00","article_modified_time":"2024-10-02T23:19:11+00:00","og_image":[{"width":1920,"height":1158,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649724514\/Web_Assets\/blog\/face_coaster_cover2\/face_coaster_cover2-jpg?_i=AA","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection"},"author":{"name":"","@id":""},"headline":"Perform Face-Detection Transformation Techniques On-the-Fly with Cloudinary","datePublished":"2017-02-08T15:37:38+00:00","dateModified":"2024-10-02T23:19:11+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection"},"wordCount":7,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724514\/Web_Assets\/blog\/face_coaster_cover2\/face_coaster_cover2.jpg?_i=AA","keywords":["Face Detection","Image Transformation"],"inLanguage":"en-US","copyrightYear":"2017","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection","url":"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection","name":"Perform Face-Detection Transformation Techniques On-the-Fly","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724514\/Web_Assets\/blog\/face_coaster_cover2\/face_coaster_cover2.jpg?_i=AA","datePublished":"2017-02-08T15:37:38+00:00","dateModified":"2024-10-02T23:19:11+00:00","description":"Use Cloudinary's built-in face detection technology to automatically focus crops on faces, blur, pixelate, add overlays to faces, and more, on-the-fly","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724514\/Web_Assets\/blog\/face_coaster_cover2\/face_coaster_cover2.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724514\/Web_Assets\/blog\/face_coaster_cover2\/face_coaster_cover2.jpg?_i=AA","width":1920,"height":1158},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/the_many_faces_of_on_the_fly_face_detection#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Perform Face-Detection Transformation Techniques On-the-Fly with Cloudinary"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":""}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724514\/Web_Assets\/blog\/face_coaster_cover2\/face_coaster_cover2.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=21466"}],"version-history":[{"count":6,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21466\/revisions"}],"predecessor-version":[{"id":35839,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21466\/revisions\/35839"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/21467"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=21466"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=21466"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=21466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}