{"id":21752,"date":"2018-06-26T16:05:23","date_gmt":"2018-06-26T16:05:23","guid":{"rendered":"http:\/\/headshot_transformations_from_fluent_velocity_2018"},"modified":"2024-08-23T18:50:39","modified_gmt":"2024-08-24T01:50:39","slug":"headshot_transformations_from_fluent_velocity_2018","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018","title":{"rendered":"Headshot transformations from Fluent + Velocity 2018"},"content":{"rendered":"<div class=\"wp-block-cloudinary-markdown \"><p>On June 13-14, O\u2019Reilly held its annual Fluent + Velocity conference in San Jose and it was great! Cloudinary set up a pretty incredible booth and  brought in a professional photographer to take headshots of the attendees who stopped by. Once a photo was snapped, the raw camera file was immediately uploaded to our media library and transformed into something that can be posted right away on LinkedIn.<\/p>\n<p>The setup was effective and easy: We connected the camera to a laptop in the booth with a wired connection via USB (this could just as easily do that over WiFi or Bluetooth as well), which dumped every new photo that was taken into a folder. Then we had a simple node script monitor for new files, and, when they are found, upload them directly to Cloudinary. That took only seconds!  By the time people had handed in five to eight professional, high-resolution shots from the photographer, we had the shots all in Cloudinary and ready for the transformations below.<\/p>\n<h2>Cloudinary Headshot DIY<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/w_700,c_fill,f_auto,q_auto\/dpr_auto\/Image_from_iOS.jpg\" alt=\"Transformation Station\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"1400\" height=\"1050\"\/><\/p>\n<p>If you attended Fluent + Velocity and stopped by for a professional headshot at our photo booth (or you\u2019ve got one from a different source), below are examples of some of the transformations we demonstrated to inspire your own exciting creations.<\/p>\n<p>First, a professional, clean, simple, and effective transformation for use at LinkedIn and similar sites:<\/p>\n<ol>\n<li>Crop to a 1:1 aspect ratio with the face centered, round corners all the way for a circle image.<\/li>\n<li>Apply a grayscale effect.<\/li>\n<\/ol>\n<p>Apply at scale to 1,000 headshots of your employees and you\u2019ll have created a great looking About Us page in no time.<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;, {transformation: [ {aspect_ratio: \\&quot;1:1\\&quot;, width: 500, gravity: \\&quot;faces\\&quot;, effect: \\&quot;grayscale\\&quot;, radius: \\&quot;max\\&quot;, crop: \\&quot;fill\\&quot;}, {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;, {transformation: [\\n  {aspect_ratio: \\&quot;1:1\\&quot;, width: 500, gravity: \\&quot;faces\\&quot;, effect: \\&quot;grayscale\\&quot;, radius: \\&quot;max\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(500)\\n      .aspectRatio(ar1X1())\\n      .gravity(focusOn(faces()))\\n  )\\n  .roundCorners(max())\\n  .effect(grayscale())\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(500)\\n      .aspectRatio(ar1X1())\\n      .gravity(focusOn(faces()))\\n  )\\n  .roundCorners(max())\\n  .effect(grayscale())\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot; &gt; &lt;Transformation aspectRatio=\\&quot;1:1\\&quot; width=\\&quot;500\\&quot; gravity=\\&quot;faces\\&quot; effect=\\&quot;grayscale\\&quot; radius=\\&quot;max\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation quality=\\&quot;auto\\&quot; fetchFormat=\\&quot;auto\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot; &gt;\\n\\t&lt;Transformation aspectRatio=\\&quot;1:1\\&quot; width=\\&quot;500\\&quot; gravity=\\&quot;faces\\&quot; effect=\\&quot;grayscale\\&quot; radius=\\&quot;max\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation quality=\\&quot;auto\\&quot; fetchFormat=\\&quot;auto\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(500)\\n      .aspectRatio(ar1X1())\\n      .gravity(focusOn(faces()))\\n  )\\n  .roundCorners(max())\\n  .effect(grayscale())\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(500)\\n      .aspectRatio(ar1X1())\\n      .gravity(focusOn(faces()))\\n  )\\n  .roundCorners(max())\\n  .effect(grayscale())\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot; &gt; &lt;cld-transformation aspect-ratio=\\&quot;1:1\\&quot; width=\\&quot;500\\&quot; gravity=\\&quot;faces\\&quot; effect=\\&quot;grayscale\\&quot; radius=\\&quot;max\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation aspect-ratio=\\&quot;1:1\\&quot; width=\\&quot;500\\&quot; gravity=\\&quot;faces\\&quot; effect=\\&quot;grayscale\\&quot; radius=\\&quot;max\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(500)\\n      .aspectRatio(ar1X1())\\n      .gravity(focusOn(faces()))\\n  )\\n  .roundCorners(max())\\n  .effect(grayscale())\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(500)\\n      .aspectRatio(ar1X1())\\n      .gravity(focusOn(faces()))\\n  )\\n  .roundCorners(max())\\n  .effect(grayscale())\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot; &gt; &lt;cl-transformation aspect-ratio=\\&quot;1:1\\&quot; width=\\&quot;500\\&quot; gravity=\\&quot;faces\\&quot; effect=\\&quot;grayscale\\&quot; radius=\\&quot;max\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation aspect-ratio=\\&quot;1:1\\&quot; width=\\&quot;500\\&quot; gravity=\\&quot;faces\\&quot; effect=\\&quot;grayscale\\&quot; radius=\\&quot;max\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(500)\\n      .aspectRatio(ar1X1())\\n      .gravity(focusOn(faces()))\\n  )\\n  .roundCorners(max())\\n  .effect(grayscale())\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(500)\\n      .aspectRatio(ar1X1())\\n      .gravity(focusOn(faces()))\\n  )\\n  .roundCorners(max())\\n  .effect(grayscale())\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg&#039;, {transformation: [ {aspectRatio: \\&quot;1:1\\&quot;, width: 500, gravity: \\&quot;faces\\&quot;, effect: \\&quot;grayscale\\&quot;, radius: \\&quot;max\\&quot;, crop: \\&quot;fill\\&quot;}, {quality: \\&quot;auto\\&quot;, fetchFormat: \\&quot;auto\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg&#039;, {transformation: [\\n  {aspectRatio: \\&quot;1:1\\&quot;, width: 500, gravity: \\&quot;faces\\&quot;, effect: \\&quot;grayscale\\&quot;, radius: \\&quot;max\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetchFormat: \\&quot;auto\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;).image(transformation=[ {&#039;aspect_ratio&#039;: \\&quot;1:1\\&quot;, &#039;width&#039;: 500, &#039;gravity&#039;: \\&quot;faces\\&quot;, &#039;effect&#039;: \\&quot;grayscale\\&quot;, &#039;radius&#039;: \\&quot;max\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;quality&#039;: \\&quot;auto\\&quot;, &#039;fetch_format&#039;: \\&quot;auto\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;).image(transformation=[\\n  {&#039;aspect_ratio&#039;: \\&quot;1:1\\&quot;, &#039;width&#039;: 500, &#039;gravity&#039;: \\&quot;faces\\&quot;, &#039;effect&#039;: \\&quot;grayscale\\&quot;, &#039;radius&#039;: \\&quot;max\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;quality&#039;: \\&quot;auto\\&quot;, &#039;fetch_format&#039;: \\&quot;auto\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(500)\\n\\t-&gt;aspectRatio(\\n\\tAspectRatio::ar1X1())\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\n\\tFocusOn::faces()))\\n\\t)\\n\\t-&gt;roundCorners(RoundCorners::max())\\n\\t-&gt;effect(Effect::grayscale())\\n\\t-&gt;delivery(Delivery::format(\\n\\tFormat::auto()))\\n\\t-&gt;delivery(Delivery::quality(\\n\\tQuality::auto()));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(500)\\n\\t-&gt;aspectRatio(\\n\\tAspectRatio::ar1X1())\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\n\\tFocusOn::faces()))\\n\\t)\\n\\t-&gt;roundCorners(RoundCorners::max())\\n\\t-&gt;effect(Effect::grayscale())\\n\\t-&gt;delivery(Delivery::format(\\n\\tFormat::auto()))\\n\\t-&gt;delivery(Delivery::quality(\\n\\tQuality::auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;aspect_ratio\\&quot;=&gt;\\&quot;1:1\\&quot;, \\&quot;width\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;faces\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;grayscale\\&quot;, \\&quot;radius\\&quot;=&gt;\\&quot;max\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;quality\\&quot;=&gt;\\&quot;auto\\&quot;, \\&quot;fetch_format\\&quot;=&gt;\\&quot;auto\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;aspect_ratio\\&quot;=&gt;\\&quot;1:1\\&quot;, \\&quot;width\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;faces\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;grayscale\\&quot;, \\&quot;radius\\&quot;=&gt;\\&quot;max\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;quality\\&quot;=&gt;\\&quot;auto\\&quot;, \\&quot;fetch_format\\&quot;=&gt;\\&quot;auto\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().aspectRatio(\\&quot;1:1\\&quot;).width(500).gravity(\\&quot;faces\\&quot;).effect(\\&quot;grayscale\\&quot;).radius(\\&quot;max\\&quot;).crop(\\&quot;fill\\&quot;).chain() .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).imageTag(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .aspectRatio(\\&quot;1:1\\&quot;).width(500).gravity(\\&quot;faces\\&quot;).effect(\\&quot;grayscale\\&quot;).radius(\\&quot;max\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).imageTag(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;, transformation: [ {aspect_ratio: \\&quot;1:1\\&quot;, width: 500, gravity: \\&quot;faces\\&quot;, effect: \\&quot;grayscale\\&quot;, radius: \\&quot;max\\&quot;, crop: \\&quot;fill\\&quot;}, {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;, transformation: [\\n  {aspect_ratio: \\&quot;1:1\\&quot;, width: 500, gravity: \\&quot;faces\\&quot;, effect: \\&quot;grayscale\\&quot;, radius: \\&quot;max\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().AspectRatio(\\&quot;1:1\\&quot;).Width(500).Gravity(\\&quot;faces\\&quot;).Effect(\\&quot;grayscale\\&quot;).Radius(\\&quot;max\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Quality(\\&quot;auto\\&quot;).FetchFormat(\\&quot;auto\\&quot;)).BuildImageTag(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .AspectRatio(\\&quot;1:1\\&quot;).Width(500).Gravity(\\&quot;faces\\&quot;).Effect(\\&quot;grayscale\\&quot;).Radius(\\&quot;max\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Quality(\\&quot;auto\\&quot;).FetchFormat(\\&quot;auto\\&quot;)).BuildImageTag(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(500)\\n\\t.aspectRatio(\\n\\tAspectRatio.ar1X1())\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.faces()))\\n\\t)\\n\\t.roundCorners(RoundCorners.max())\\n\\t.effect(Effect.grayscale())\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t.delivery(Delivery.quality(\\n\\tQuality.auto())));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(500)\\n\\t.aspectRatio(\\n\\tAspectRatio.ar1X1())\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.faces()))\\n\\t)\\n\\t.roundCorners(RoundCorners.max())\\n\\t.effect(Effect.grayscale())\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t.delivery(Delivery.quality(\\n\\tQuality.auto())));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setAspectRatio(\\&quot;1:1\\&quot;).setWidth(500).setGravity(\\&quot;faces\\&quot;).setEffect(\\&quot;grayscale\\&quot;).setRadius(\\&quot;max\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setQuality(\\&quot;auto\\&quot;).setFetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setAspectRatio(\\&quot;1:1\\&quot;).setWidth(500).setGravity(\\&quot;faces\\&quot;).setEffect(\\&quot;grayscale\\&quot;).setRadius(\\&quot;max\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setQuality(\\&quot;auto\\&quot;).setFetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().aspectRatio(\\&quot;1:1\\&quot;).width(500).gravity(\\&quot;faces\\&quot;).effect(\\&quot;grayscale\\&quot;).radius(\\&quot;max\\&quot;).crop(\\&quot;fill\\&quot;).chain() .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .aspectRatio(\\&quot;1:1\\&quot;).width(500).gravity(\\&quot;faces\\&quot;).effect(\\&quot;grayscale\\&quot;).radius(\\&quot;max\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;ar_1:1,c_fill,w_500,g_faces,e_grayscale,r_max\\\/q_auto,f_auto\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;ar_1:1,c_fill,w_500,g_faces,e_grayscale,r_max\\\/q_auto,f_auto\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(500)\\n\\t aspectRatio(\\n\\tAspectRatio.ar1X1())\\n\\t gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.faces()))\\n\\t })\\n\\t roundCorners(RoundCorners.max())\\n\\t effect(Effect.grayscale())\\n\\t delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t delivery(Delivery.quality(\\n\\tQuality.auto())) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(500)\\n\\t aspectRatio(\\n\\tAspectRatio.ar1X1())\\n\\t gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.faces()))\\n\\t })\\n\\t roundCorners(RoundCorners.max())\\n\\t effect(Effect.grayscale())\\n\\t delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t delivery(Delivery.quality(\\n\\tQuality.auto())) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;, {transformation: [ {aspect_ratio: \\&quot;1:1\\&quot;, width: 500, gravity: \\&quot;faces\\&quot;, effect: \\&quot;grayscale\\&quot;, radius: \\&quot;max\\&quot;, crop: \\&quot;fill\\&quot;}, {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;, {transformation: [\\n  {aspect_ratio: \\&quot;1:1\\&quot;, width: 500, gravity: \\&quot;faces\\&quot;, effect: \\&quot;grayscale\\&quot;, radius: \\&quot;max\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(500)\\n      .aspectRatio(ar1X1())\\n      .gravity(focusOn(faces()))\\n  )\\n  .roundCorners(max())\\n  .effect(grayscale())\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(500)\\n      .aspectRatio(ar1X1())\\n      .gravity(focusOn(faces()))\\n  )\\n  .roundCorners(max())\\n  .effect(grayscale())\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/ar_1:1,c_fill,w_500,g_faces,e_grayscale,r_max\\\/q_auto,f_auto\\\/_MG_8655_svs9ab_ghxhhf_lrafi0.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;aspect_ratio&quot;:&quot;1:1&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;width&quot;:&quot;500&quot;,&quot;gravity&quot;:&quot;faces&quot;,&quot;effect&quot;:&quot;grayscale&quot;,&quot;radius&quot;:&quot;max&quot;},{&quot;quality&quot;:&quot;auto&quot;,&quot;format&quot;:&quot;auto&quot;}],&quot;transformation_string&quot;:&quot;ar_1:1,c_fill,w_500,g_faces,e_grayscale,r_max\\\/q_auto,f_auto&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;_MG_8655_svs9ab_ghxhhf_lrafi0.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/ar_1:1,c_fill,w_500,g_faces,e_grayscale,r_max\/q_auto,f_auto\/_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/ar_1:1,c_fill,w_500,g_faces,e_grayscale,r_max\/q_auto,f_auto\/_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\" alt=\"Transformation 1\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"500\" height=\"500\"\/><\/a><\/p>\n<p>Next, a transformation that shows personality and creativity. We swapped the purple hair color for a variety of other colors, with the <code>e_replace_color<\/code> effect dialed in to create the best result possible for a few minutes at the demo station.<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;, {transformation: [ {aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;}, {overlay: \\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:orange:55:purple\\&quot;, crop: \\&quot;fill\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 400}, {overlay: \\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:blue:55:purple\\&quot;, crop: \\&quot;fill\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 800}, {overlay: \\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:green:55:purple\\&quot;, crop: \\&quot;fill\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 1200} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;, {transformation: [\\n  {aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {overlay: \\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:orange:55:purple\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 400},\\n  {overlay: \\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:blue:55:purple\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 800},\\n  {overlay: \\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:green:55:purple\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 1200}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(400)\\n      .aspectRatio(\\&quot;2:3\\&quot;)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;orange\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(400)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;blue\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(800)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;green\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(1200)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(400)\\n      .aspectRatio(\\&quot;2:3\\&quot;)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;orange\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(400)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;blue\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(800)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;green\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(1200)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot; &gt; &lt;Transformation aspectRatio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation overlay=\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot; aspectRatio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; effect=\\&quot;replace_color:orange:55:purple\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;400\\&quot; \\\/&gt; &lt;Transformation overlay=\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot; aspectRatio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; effect=\\&quot;replace_color:blue:55:purple\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;800\\&quot; \\\/&gt; &lt;Transformation overlay=\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot; aspectRatio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; effect=\\&quot;replace_color:green:55:purple\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;1200\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot; &gt;\\n\\t&lt;Transformation aspectRatio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation overlay=\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot; aspectRatio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; effect=\\&quot;replace_color:orange:55:purple\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;400\\&quot; \\\/&gt;\\n\\t&lt;Transformation overlay=\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot; aspectRatio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; effect=\\&quot;replace_color:blue:55:purple\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;800\\&quot; \\\/&gt;\\n\\t&lt;Transformation overlay=\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot; aspectRatio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; effect=\\&quot;replace_color:green:55:purple\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;1200\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(400)\\n      .aspectRatio(\\&quot;2:3\\&quot;)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;orange\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(400)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;blue\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(800)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;green\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(1200)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(400)\\n      .aspectRatio(\\&quot;2:3\\&quot;)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;orange\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(400)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;blue\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(800)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;green\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(1200)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot; &gt; &lt;cld-transformation aspect-ratio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation :overlay=\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot; aspect-ratio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; effect=\\&quot;replace_color:orange:55:purple\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;400\\&quot; \\\/&gt; &lt;cld-transformation :overlay=\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot; aspect-ratio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; effect=\\&quot;replace_color:blue:55:purple\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;800\\&quot; \\\/&gt; &lt;cld-transformation :overlay=\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot; aspect-ratio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; effect=\\&quot;replace_color:green:55:purple\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;1200\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation aspect-ratio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :overlay=\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot; aspect-ratio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; effect=\\&quot;replace_color:orange:55:purple\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;400\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :overlay=\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot; aspect-ratio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; effect=\\&quot;replace_color:blue:55:purple\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;800\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :overlay=\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot; aspect-ratio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; effect=\\&quot;replace_color:green:55:purple\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;1200\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(400)\\n      .aspectRatio(\\&quot;2:3\\&quot;)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;orange\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(400)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;blue\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(800)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;green\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(1200)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(400)\\n      .aspectRatio(\\&quot;2:3\\&quot;)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;orange\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(400)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;blue\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(800)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;green\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(1200)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot; &gt; &lt;cl-transformation aspect-ratio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation overlay=\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot; aspect-ratio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; effect=\\&quot;replace_color:orange:55:purple\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;400\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation overlay=\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot; aspect-ratio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; effect=\\&quot;replace_color:blue:55:purple\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;800\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation overlay=\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot; aspect-ratio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; effect=\\&quot;replace_color:green:55:purple\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;1200\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation aspect-ratio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation overlay=\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot; aspect-ratio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; effect=\\&quot;replace_color:orange:55:purple\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;400\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation overlay=\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot; aspect-ratio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; effect=\\&quot;replace_color:blue:55:purple\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;800\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation overlay=\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot; aspect-ratio=\\&quot;2:3\\&quot; width=\\&quot;400\\&quot; gravity=\\&quot;face\\&quot; effect=\\&quot;replace_color:green:55:purple\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;1200\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(400)\\n      .aspectRatio(\\&quot;2:3\\&quot;)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;orange\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(400)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;blue\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(800)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;green\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(1200)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(400)\\n      .aspectRatio(\\&quot;2:3\\&quot;)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;orange\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(400)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;blue\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(800)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;green\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(1200)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;fluent\\\/thadlrc9tfo7a5valtpg.jpg&#039;, {transformation: [ {aspectRatio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;}, {overlay: new cloudinary.Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;), aspectRatio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:orange:55:purple\\&quot;, crop: \\&quot;fill\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 400}, {overlay: new cloudinary.Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;), aspectRatio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:blue:55:purple\\&quot;, crop: \\&quot;fill\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 800}, {overlay: new cloudinary.Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;), aspectRatio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:green:55:purple\\&quot;, crop: \\&quot;fill\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 1200} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;fluent\\\/thadlrc9tfo7a5valtpg.jpg&#039;, {transformation: [\\n  {aspectRatio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;), aspectRatio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:orange:55:purple\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 400},\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;), aspectRatio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:blue:55:purple\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 800},\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;), aspectRatio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:green:55:purple\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 1200}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;).image(transformation=[ {&#039;aspect_ratio&#039;: \\&quot;2:3\\&quot;, &#039;width&#039;: 400, &#039;gravity&#039;: \\&quot;face\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;overlay&#039;: \\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, &#039;aspect_ratio&#039;: \\&quot;2:3\\&quot;, &#039;width&#039;: 400, &#039;gravity&#039;: \\&quot;face\\&quot;, &#039;effect&#039;: \\&quot;replace_color:orange:55:purple\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;west\\&quot;, &#039;x&#039;: 400}, {&#039;overlay&#039;: \\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, &#039;aspect_ratio&#039;: \\&quot;2:3\\&quot;, &#039;width&#039;: 400, &#039;gravity&#039;: \\&quot;face\\&quot;, &#039;effect&#039;: \\&quot;replace_color:blue:55:purple\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;west\\&quot;, &#039;x&#039;: 800}, {&#039;overlay&#039;: \\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, &#039;aspect_ratio&#039;: \\&quot;2:3\\&quot;, &#039;width&#039;: 400, &#039;gravity&#039;: \\&quot;face\\&quot;, &#039;effect&#039;: \\&quot;replace_color:green:55:purple\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;west\\&quot;, &#039;x&#039;: 1200} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;).image(transformation=[\\n  {&#039;aspect_ratio&#039;: \\&quot;2:3\\&quot;, &#039;width&#039;: 400, &#039;gravity&#039;: \\&quot;face\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;overlay&#039;: \\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, &#039;aspect_ratio&#039;: \\&quot;2:3\\&quot;, &#039;width&#039;: 400, &#039;gravity&#039;: \\&quot;face\\&quot;, &#039;effect&#039;: \\&quot;replace_color:orange:55:purple\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;west\\&quot;, &#039;x&#039;: 400},\\n  {&#039;overlay&#039;: \\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, &#039;aspect_ratio&#039;: \\&quot;2:3\\&quot;, &#039;width&#039;: 400, &#039;gravity&#039;: \\&quot;face\\&quot;, &#039;effect&#039;: \\&quot;replace_color:blue:55:purple\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;west\\&quot;, &#039;x&#039;: 800},\\n  {&#039;overlay&#039;: \\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, &#039;aspect_ratio&#039;: \\&quot;2:3\\&quot;, &#039;width&#039;: 400, &#039;gravity&#039;: \\&quot;face\\&quot;, &#039;effect&#039;: \\&quot;replace_color:green:55:purple\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;west\\&quot;, &#039;x&#039;: 1200}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;fluent\\\/thadlrc9tfo7a5valtpg.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(400)\\n-&gt;aspectRatio(\\&quot;2:3\\&quot;)\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\n\\tFocusOn::face()))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::replaceColor(Color::ORANGE)\\n\\t-&gt;fromColor(Color::PURPLE)\\n-&gt;tolerance(55))\\n\\t-&gt;resize(Resize::fill()-&gt;width(400)\\n-&gt;aspectRatio(\\&quot;2:3\\&quot;)\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\n\\tFocusOn::face()))\\n\\t))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::west()))\\n-&gt;offsetX(400))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::replaceColor(Color::BLUE)\\n\\t-&gt;fromColor(Color::PURPLE)\\n-&gt;tolerance(55))\\n\\t-&gt;resize(Resize::fill()-&gt;width(400)\\n-&gt;aspectRatio(\\&quot;2:3\\&quot;)\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\n\\tFocusOn::face()))\\n\\t))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::west()))\\n-&gt;offsetX(800))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::replaceColor(Color::GREEN)\\n\\t-&gt;fromColor(Color::PURPLE)\\n-&gt;tolerance(55))\\n\\t-&gt;resize(Resize::fill()-&gt;width(400)\\n-&gt;aspectRatio(\\&quot;2:3\\&quot;)\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\n\\tFocusOn::face()))\\n\\t))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::west()))\\n-&gt;offsetX(1200))\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;fluent\\\/thadlrc9tfo7a5valtpg.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(400)\\n-&gt;aspectRatio(\\&quot;2:3\\&quot;)\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\n\\tFocusOn::face()))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::replaceColor(Color::ORANGE)\\n\\t-&gt;fromColor(Color::PURPLE)\\n-&gt;tolerance(55))\\n\\t-&gt;resize(Resize::fill()-&gt;width(400)\\n-&gt;aspectRatio(\\&quot;2:3\\&quot;)\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\n\\tFocusOn::face()))\\n\\t))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::west()))\\n-&gt;offsetX(400))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::replaceColor(Color::BLUE)\\n\\t-&gt;fromColor(Color::PURPLE)\\n-&gt;tolerance(55))\\n\\t-&gt;resize(Resize::fill()-&gt;width(400)\\n-&gt;aspectRatio(\\&quot;2:3\\&quot;)\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\n\\tFocusOn::face()))\\n\\t))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::west()))\\n-&gt;offsetX(800))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::replaceColor(Color::GREEN)\\n\\t-&gt;fromColor(Color::PURPLE)\\n-&gt;tolerance(55))\\n\\t-&gt;resize(Resize::fill()-&gt;width(400)\\n-&gt;aspectRatio(\\&quot;2:3\\&quot;)\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\n\\tFocusOn::face()))\\n\\t))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::west()))\\n-&gt;offsetX(1200))\\n\\t);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;aspect_ratio\\&quot;=&gt;\\&quot;2:3\\&quot;, \\&quot;width\\&quot;=&gt;400, \\&quot;gravity\\&quot;=&gt;\\&quot;face\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;overlay\\&quot;=&gt;\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, \\&quot;aspect_ratio\\&quot;=&gt;\\&quot;2:3\\&quot;, \\&quot;width\\&quot;=&gt;400, \\&quot;gravity\\&quot;=&gt;\\&quot;face\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;replace_color:orange:55:purple\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;west\\&quot;, \\&quot;x\\&quot;=&gt;400), array(\\&quot;overlay\\&quot;=&gt;\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, \\&quot;aspect_ratio\\&quot;=&gt;\\&quot;2:3\\&quot;, \\&quot;width\\&quot;=&gt;400, \\&quot;gravity\\&quot;=&gt;\\&quot;face\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;replace_color:blue:55:purple\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;west\\&quot;, \\&quot;x\\&quot;=&gt;800), array(\\&quot;overlay\\&quot;=&gt;\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, \\&quot;aspect_ratio\\&quot;=&gt;\\&quot;2:3\\&quot;, \\&quot;width\\&quot;=&gt;400, \\&quot;gravity\\&quot;=&gt;\\&quot;face\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;replace_color:green:55:purple\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;west\\&quot;, \\&quot;x\\&quot;=&gt;1200) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;aspect_ratio\\&quot;=&gt;\\&quot;2:3\\&quot;, \\&quot;width\\&quot;=&gt;400, \\&quot;gravity\\&quot;=&gt;\\&quot;face\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;overlay\\&quot;=&gt;\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, \\&quot;aspect_ratio\\&quot;=&gt;\\&quot;2:3\\&quot;, \\&quot;width\\&quot;=&gt;400, \\&quot;gravity\\&quot;=&gt;\\&quot;face\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;replace_color:orange:55:purple\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;west\\&quot;, \\&quot;x\\&quot;=&gt;400),\\n  array(\\&quot;overlay\\&quot;=&gt;\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, \\&quot;aspect_ratio\\&quot;=&gt;\\&quot;2:3\\&quot;, \\&quot;width\\&quot;=&gt;400, \\&quot;gravity\\&quot;=&gt;\\&quot;face\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;replace_color:blue:55:purple\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;west\\&quot;, \\&quot;x\\&quot;=&gt;800),\\n  array(\\&quot;overlay\\&quot;=&gt;\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, \\&quot;aspect_ratio\\&quot;=&gt;\\&quot;2:3\\&quot;, \\&quot;width\\&quot;=&gt;400, \\&quot;gravity\\&quot;=&gt;\\&quot;face\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;replace_color:green:55:purple\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;west\\&quot;, \\&quot;x\\&quot;=&gt;1200)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().aspectRatio(\\&quot;2:3\\&quot;).width(400).gravity(\\&quot;face\\&quot;).crop(\\&quot;fill\\&quot;).chain() .overlay(new Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;)).aspectRatio(\\&quot;2:3\\&quot;).width(400).gravity(\\&quot;face\\&quot;).effect(\\&quot;replace_color:orange:55:purple\\&quot;).crop(\\&quot;fill\\&quot;).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;west\\&quot;).x(400).chain() .overlay(new Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;)).aspectRatio(\\&quot;2:3\\&quot;).width(400).gravity(\\&quot;face\\&quot;).effect(\\&quot;replace_color:blue:55:purple\\&quot;).crop(\\&quot;fill\\&quot;).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;west\\&quot;).x(800).chain() .overlay(new Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;)).aspectRatio(\\&quot;2:3\\&quot;).width(400).gravity(\\&quot;face\\&quot;).effect(\\&quot;replace_color:green:55:purple\\&quot;).crop(\\&quot;fill\\&quot;).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;west\\&quot;).x(1200)).imageTag(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .aspectRatio(\\&quot;2:3\\&quot;).width(400).gravity(\\&quot;face\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .overlay(new Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;)).aspectRatio(\\&quot;2:3\\&quot;).width(400).gravity(\\&quot;face\\&quot;).effect(\\&quot;replace_color:orange:55:purple\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;west\\&quot;).x(400).chain()\\n  .overlay(new Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;)).aspectRatio(\\&quot;2:3\\&quot;).width(400).gravity(\\&quot;face\\&quot;).effect(\\&quot;replace_color:blue:55:purple\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;west\\&quot;).x(800).chain()\\n  .overlay(new Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;)).aspectRatio(\\&quot;2:3\\&quot;).width(400).gravity(\\&quot;face\\&quot;).effect(\\&quot;replace_color:green:55:purple\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;west\\&quot;).x(1200)).imageTag(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;, transformation: [ {aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;}, {overlay: \\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:orange:55:purple\\&quot;, crop: \\&quot;fill\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 400}, {overlay: \\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:blue:55:purple\\&quot;, crop: \\&quot;fill\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 800}, {overlay: \\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:green:55:purple\\&quot;, crop: \\&quot;fill\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 1200} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;, transformation: [\\n  {aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {overlay: \\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:orange:55:purple\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 400},\\n  {overlay: \\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:blue:55:purple\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 800},\\n  {overlay: \\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;, aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:green:55:purple\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 1200}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().AspectRatio(\\&quot;2:3\\&quot;).Width(400).Gravity(\\&quot;face\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Overlay(new Layer().PublicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;)).AspectRatio(\\&quot;2:3\\&quot;).Width(400).Gravity(\\&quot;face\\&quot;).Effect(\\&quot;replace_color:orange:55:purple\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;west\\&quot;).X(400).Chain() .Overlay(new Layer().PublicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;)).AspectRatio(\\&quot;2:3\\&quot;).Width(400).Gravity(\\&quot;face\\&quot;).Effect(\\&quot;replace_color:blue:55:purple\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;west\\&quot;).X(800).Chain() .Overlay(new Layer().PublicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;)).AspectRatio(\\&quot;2:3\\&quot;).Width(400).Gravity(\\&quot;face\\&quot;).Effect(\\&quot;replace_color:green:55:purple\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;west\\&quot;).X(1200)).BuildImageTag(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .AspectRatio(\\&quot;2:3\\&quot;).Width(400).Gravity(\\&quot;face\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Overlay(new Layer().PublicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;)).AspectRatio(\\&quot;2:3\\&quot;).Width(400).Gravity(\\&quot;face\\&quot;).Effect(\\&quot;replace_color:orange:55:purple\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;west\\&quot;).X(400).Chain()\\n  .Overlay(new Layer().PublicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;)).AspectRatio(\\&quot;2:3\\&quot;).Width(400).Gravity(\\&quot;face\\&quot;).Effect(\\&quot;replace_color:blue:55:purple\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;west\\&quot;).X(800).Chain()\\n  .Overlay(new Layer().PublicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;)).AspectRatio(\\&quot;2:3\\&quot;).Width(400).Gravity(\\&quot;face\\&quot;).Effect(\\&quot;replace_color:green:55:purple\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;west\\&quot;).X(1200)).BuildImageTag(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;fluent\\\/thadlrc9tfo7a5valtpg.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(400)\\n.aspectRatio(\\&quot;2:3\\&quot;)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.adjust(Adjust.replaceColor(Color.ORANGE)\\n\\t.fromColor(Color.PURPLE)\\n.tolerance(55))\\n\\t.resize(Resize.fill().width(400)\\n.aspectRatio(\\&quot;2:3\\&quot;)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n.offsetX(400))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.adjust(Adjust.replaceColor(Color.BLUE)\\n\\t.fromColor(Color.PURPLE)\\n.tolerance(55))\\n\\t.resize(Resize.fill().width(400)\\n.aspectRatio(\\&quot;2:3\\&quot;)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n.offsetX(800))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.adjust(Adjust.replaceColor(Color.GREEN)\\n\\t.fromColor(Color.PURPLE)\\n.tolerance(55))\\n\\t.resize(Resize.fill().width(400)\\n.aspectRatio(\\&quot;2:3\\&quot;)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n.offsetX(1200))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;fluent\\\/thadlrc9tfo7a5valtpg.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(400)\\n.aspectRatio(\\&quot;2:3\\&quot;)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.adjust(Adjust.replaceColor(Color.ORANGE)\\n\\t.fromColor(Color.PURPLE)\\n.tolerance(55))\\n\\t.resize(Resize.fill().width(400)\\n.aspectRatio(\\&quot;2:3\\&quot;)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n.offsetX(400))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.adjust(Adjust.replaceColor(Color.BLUE)\\n\\t.fromColor(Color.PURPLE)\\n.tolerance(55))\\n\\t.resize(Resize.fill().width(400)\\n.aspectRatio(\\&quot;2:3\\&quot;)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n.offsetX(800))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.adjust(Adjust.replaceColor(Color.GREEN)\\n\\t.fromColor(Color.PURPLE)\\n.tolerance(55))\\n\\t.resize(Resize.fill().width(400)\\n.aspectRatio(\\&quot;2:3\\&quot;)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n.offsetX(1200))\\n\\t));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setAspectRatio(\\&quot;2:3\\&quot;).setWidth(400).setGravity(\\&quot;face\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setOverlay(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;).setAspectRatio(\\&quot;2:3\\&quot;).setWidth(400).setGravity(\\&quot;face\\&quot;).setEffect(\\&quot;replace_color:orange:55:purple\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;west\\&quot;).setX(400).chain() .setOverlay(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;).setAspectRatio(\\&quot;2:3\\&quot;).setWidth(400).setGravity(\\&quot;face\\&quot;).setEffect(\\&quot;replace_color:blue:55:purple\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;west\\&quot;).setX(800).chain() .setOverlay(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;).setAspectRatio(\\&quot;2:3\\&quot;).setWidth(400).setGravity(\\&quot;face\\&quot;).setEffect(\\&quot;replace_color:green:55:purple\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;west\\&quot;).setX(1200)).generate(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setAspectRatio(\\&quot;2:3\\&quot;).setWidth(400).setGravity(\\&quot;face\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setOverlay(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;).setAspectRatio(\\&quot;2:3\\&quot;).setWidth(400).setGravity(\\&quot;face\\&quot;).setEffect(\\&quot;replace_color:orange:55:purple\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;west\\&quot;).setX(400).chain()\\n  .setOverlay(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;).setAspectRatio(\\&quot;2:3\\&quot;).setWidth(400).setGravity(\\&quot;face\\&quot;).setEffect(\\&quot;replace_color:blue:55:purple\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;west\\&quot;).setX(800).chain()\\n  .setOverlay(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;).setAspectRatio(\\&quot;2:3\\&quot;).setWidth(400).setGravity(\\&quot;face\\&quot;).setEffect(\\&quot;replace_color:green:55:purple\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;west\\&quot;).setX(1200)).generate(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().aspectRatio(\\&quot;2:3\\&quot;).width(400).gravity(\\&quot;face\\&quot;).crop(\\&quot;fill\\&quot;).chain() .overlay(new Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;)).aspectRatio(\\&quot;2:3\\&quot;).width(400).gravity(\\&quot;face\\&quot;).effect(\\&quot;replace_color:orange:55:purple\\&quot;).crop(\\&quot;fill\\&quot;).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;west\\&quot;).x(400).chain() .overlay(new Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;)).aspectRatio(\\&quot;2:3\\&quot;).width(400).gravity(\\&quot;face\\&quot;).effect(\\&quot;replace_color:blue:55:purple\\&quot;).crop(\\&quot;fill\\&quot;).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;west\\&quot;).x(800).chain() .overlay(new Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;)).aspectRatio(\\&quot;2:3\\&quot;).width(400).gravity(\\&quot;face\\&quot;).effect(\\&quot;replace_color:green:55:purple\\&quot;).crop(\\&quot;fill\\&quot;).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;west\\&quot;).x(1200)).generate(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .aspectRatio(\\&quot;2:3\\&quot;).width(400).gravity(\\&quot;face\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .overlay(new Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;)).aspectRatio(\\&quot;2:3\\&quot;).width(400).gravity(\\&quot;face\\&quot;).effect(\\&quot;replace_color:orange:55:purple\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;west\\&quot;).x(400).chain()\\n  .overlay(new Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;)).aspectRatio(\\&quot;2:3\\&quot;).width(400).gravity(\\&quot;face\\&quot;).effect(\\&quot;replace_color:blue:55:purple\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;west\\&quot;).x(800).chain()\\n  .overlay(new Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;)).aspectRatio(\\&quot;2:3\\&quot;).width(400).gravity(\\&quot;face\\&quot;).effect(\\&quot;replace_color:green:55:purple\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;west\\&quot;).x(1200)).generate(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;fluent\\\/thadlrc9tfo7a5valtpg.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(400)\\n.aspectRatio(\\&quot;2:3\\&quot;)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.adjust(Adjust.replaceColor(Color.ORANGE)\\n\\t.fromColor(Color.PURPLE)\\n.tolerance(55))\\n\\t.resize(Resize.fill().width(400)\\n.aspectRatio(\\&quot;2:3\\&quot;)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n.offsetX(400))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.adjust(Adjust.replaceColor(Color.BLUE)\\n\\t.fromColor(Color.PURPLE)\\n.tolerance(55))\\n\\t.resize(Resize.fill().width(400)\\n.aspectRatio(\\&quot;2:3\\&quot;)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n.offsetX(800))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.adjust(Adjust.replaceColor(Color.GREEN)\\n\\t.fromColor(Color.PURPLE)\\n.tolerance(55))\\n\\t.resize(Resize.fill().width(400)\\n.aspectRatio(\\&quot;2:3\\&quot;)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n.offsetX(1200))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;fluent\\\/thadlrc9tfo7a5valtpg.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(400)\\n.aspectRatio(\\&quot;2:3\\&quot;)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.adjust(Adjust.replaceColor(Color.ORANGE)\\n\\t.fromColor(Color.PURPLE)\\n.tolerance(55))\\n\\t.resize(Resize.fill().width(400)\\n.aspectRatio(\\&quot;2:3\\&quot;)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n.offsetX(400))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.adjust(Adjust.replaceColor(Color.BLUE)\\n\\t.fromColor(Color.PURPLE)\\n.tolerance(55))\\n\\t.resize(Resize.fill().width(400)\\n.aspectRatio(\\&quot;2:3\\&quot;)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n.offsetX(800))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.adjust(Adjust.replaceColor(Color.GREEN)\\n\\t.fromColor(Color.PURPLE)\\n.tolerance(55))\\n\\t.resize(Resize.fill().width(400)\\n.aspectRatio(\\&quot;2:3\\&quot;)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n.offsetX(1200))\\n\\t));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(400)\\n aspectRatio(\\&quot;2:3\\&quot;)\\n\\t gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;) {\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.replaceColor(Color.ORANGE) {\\n\\t fromColor(Color.PURPLE)\\n tolerance(55) })\\n\\t resize(Resize.fill() { width(400)\\n aspectRatio(\\&quot;2:3\\&quot;)\\n\\t gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t }) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n offsetX(400) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;) {\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.replaceColor(Color.BLUE) {\\n\\t fromColor(Color.PURPLE)\\n tolerance(55) })\\n\\t resize(Resize.fill() { width(400)\\n aspectRatio(\\&quot;2:3\\&quot;)\\n\\t gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t }) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n offsetX(800) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;) {\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.replaceColor(Color.GREEN) {\\n\\t fromColor(Color.PURPLE)\\n tolerance(55) })\\n\\t resize(Resize.fill() { width(400)\\n aspectRatio(\\&quot;2:3\\&quot;)\\n\\t gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t }) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n offsetX(1200) })\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(400)\\n aspectRatio(\\&quot;2:3\\&quot;)\\n\\t gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;) {\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.replaceColor(Color.ORANGE) {\\n\\t fromColor(Color.PURPLE)\\n tolerance(55) })\\n\\t resize(Resize.fill() { width(400)\\n aspectRatio(\\&quot;2:3\\&quot;)\\n\\t gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t }) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n offsetX(400) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;) {\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.replaceColor(Color.BLUE) {\\n\\t fromColor(Color.PURPLE)\\n tolerance(55) })\\n\\t resize(Resize.fill() { width(400)\\n aspectRatio(\\&quot;2:3\\&quot;)\\n\\t gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t }) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n offsetX(800) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;) {\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.replaceColor(Color.GREEN) {\\n\\t fromColor(Color.PURPLE)\\n tolerance(55) })\\n\\t resize(Resize.fill() { width(400)\\n aspectRatio(\\&quot;2:3\\&quot;)\\n\\t gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t }) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n offsetX(1200) })\\n\\t }) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;, {transformation: [ {aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;}, {overlay: new cloudinary.Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;), aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:orange:55:purple\\&quot;, crop: \\&quot;fill\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 400}, {overlay: new cloudinary.Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;), aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:blue:55:purple\\&quot;, crop: \\&quot;fill\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 800}, {overlay: new cloudinary.Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;), aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:green:55:purple\\&quot;, crop: \\&quot;fill\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 1200} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;, {transformation: [\\n  {aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;), aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:orange:55:purple\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 400},\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;), aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:blue:55:purple\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 800},\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;fluent:thadlrc9tfo7a5valtpg\\&quot;), aspect_ratio: \\&quot;2:3\\&quot;, width: 400, gravity: \\&quot;face\\&quot;, effect: \\&quot;replace_color:green:55:purple\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;west\\&quot;, x: 1200}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(400)\\n      .aspectRatio(\\&quot;2:3\\&quot;)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;orange\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(400)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;blue\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(800)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;green\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(1200)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(400)\\n      .aspectRatio(\\&quot;2:3\\&quot;)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;orange\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(400)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;blue\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(800)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;fluent\\\/thadlrc9tfo7a5valtpg\\&quot;).transformation(\\n        new Transformation()\\n          .adjust(replaceColor(\\&quot;green\\&quot;).fromColor(\\&quot;purple\\&quot;).tolerance(55))\\n          .resize(fill().width(400).aspectRatio(\\&quot;2:3\\&quot;).gravity(focusOn(face())))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;west\\&quot;))\\n        .offsetX(1200)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/ar_2:3,w_400,c_fill,g_face\\\/l_fluent:thadlrc9tfo7a5valtpg,ar_2:3,w_400,c_fill,g_face,e_replace_color:orange:55:purple\\\/fl_layer_apply,g_west,x_400\\\/l_fluent:thadlrc9tfo7a5valtpg,ar_2:3,w_400,c_fill,g_face,e_replace_color:blue:55:purple\\\/fl_layer_apply,g_west,x_800\\\/l_fluent:thadlrc9tfo7a5valtpg,ar_2:3,w_400,c_fill,g_face,e_replace_color:green:55:purple\\\/fl_layer_apply,g_west,x_1200\\\/fluent\\\/thadlrc9tfo7a5valtpg.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;aspect_ratio&quot;:&quot;2:3&quot;,&quot;width&quot;:&quot;400&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;gravity&quot;:&quot;face&quot;},{&quot;overlay&quot;:&quot;fluent:thadlrc9tfo7a5valtpg&quot;,&quot;aspect_ratio&quot;:&quot;2:3&quot;,&quot;width&quot;:&quot;400&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;gravity&quot;:&quot;face&quot;,&quot;effect&quot;:&quot;replace_color:orange:55:purple&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;,&quot;gravity&quot;:&quot;west&quot;,&quot;x&quot;:&quot;400&quot;},{&quot;overlay&quot;:&quot;fluent:thadlrc9tfo7a5valtpg&quot;,&quot;aspect_ratio&quot;:&quot;2:3&quot;,&quot;width&quot;:&quot;400&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;gravity&quot;:&quot;face&quot;,&quot;effect&quot;:&quot;replace_color:blue:55:purple&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;,&quot;gravity&quot;:&quot;west&quot;,&quot;x&quot;:&quot;800&quot;},{&quot;overlay&quot;:&quot;fluent:thadlrc9tfo7a5valtpg&quot;,&quot;aspect_ratio&quot;:&quot;2:3&quot;,&quot;width&quot;:&quot;400&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;gravity&quot;:&quot;face&quot;,&quot;effect&quot;:&quot;replace_color:green:55:purple&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;,&quot;gravity&quot;:&quot;west&quot;,&quot;x&quot;:&quot;1200&quot;}],&quot;transformation_string&quot;:&quot;ar_2:3,w_400,c_fill,g_face\\\/l_fluent:thadlrc9tfo7a5valtpg,ar_2:3,w_400,c_fill,g_face,e_replace_color:orange:55:purple\\\/fl_layer_apply,g_west,x_400\\\/l_fluent:thadlrc9tfo7a5valtpg,ar_2:3,w_400,c_fill,g_face,e_replace_color:blue:55:purple\\\/fl_layer_apply,g_west,x_800\\\/l_fluent:thadlrc9tfo7a5valtpg,ar_2:3,w_400,c_fill,g_face,e_replace_color:green:55:purple\\\/fl_layer_apply,g_west,x_1200&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;fluent\\\/thadlrc9tfo7a5valtpg.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/ar_2:3,w_400,c_fill,g_face\/l_fluent:thadlrc9tfo7a5valtpg,ar_2:3,w_400,c_fill,g_face,e_replace_color:orange:55:purple\/fl_layer_apply,g_west,x_400\/l_fluent:thadlrc9tfo7a5valtpg,ar_2:3,w_400,c_fill,g_face,e_replace_color:blue:55:purple\/fl_layer_apply,g_west,x_800\/l_fluent:thadlrc9tfo7a5valtpg,ar_2:3,w_400,c_fill,g_face,e_replace_color:green:55:purple\/fl_layer_apply,g_west,x_1200\/fluent\/thadlrc9tfo7a5valtpg.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/ar_2:3,w_400,c_fill,g_face\/l_fluent:thadlrc9tfo7a5valtpg,ar_2:3,w_400,c_fill,g_face,e_replace_color:orange:55:purple\/fl_layer_apply,g_west,x_400\/l_fluent:thadlrc9tfo7a5valtpg,ar_2:3,w_400,c_fill,g_face,e_replace_color:blue:55:purple\/fl_layer_apply,g_west,x_800\/l_fluent:thadlrc9tfo7a5valtpg,ar_2:3,w_400,c_fill,g_face,e_replace_color:green:55:purple\/fl_layer_apply,g_west,x_1200\/fluent\/thadlrc9tfo7a5valtpg.jpg\" alt=\"Transformation 2\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"1600\" height=\"600\"\/><\/a><\/p>\n<p>Finally, something fun and eye catching: Create on Cloudinary an animated GIF from a set of images by leveraging many of the cool capabilities showcased above to standardize everything and by adding a text overlay for social sharing.<\/p>\n<p>To do all that, simply tag all the images you desire for the set, perform the standard transformations of a crop to a <a href=\"https:\/\/cloudinary.com\/glossary\/11-aspect-ratio\">1:1 aspect ratio<\/a>, and add a text overlay in the bottom-right corner.<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;fluent-gif-1.gif\\&quot;, {type: \\&quot;multi\\&quot;, transformation: [ {aspect_ratio: \\&quot;1:1\\&quot;, width: 300, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;}, {overlay: {font_family: \\&quot;rubik\\&quot;, font_size: 25, font_weight: \\&quot;bold\\&quot;, stroke: \\&quot;stroke\\&quot;, text: \\&quot;Cloudinary%20Rocks%21\\&quot;}, gravity: \\&quot;south_east\\&quot;, color: \\&quot;blue\\&quot;, border: \\&quot;2px_solid_pink\\&quot;}, {delay: \\&quot;500\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;fluent-gif-1.gif\\&quot;, {type: \\&quot;multi\\&quot;, transformation: [\\n  {aspect_ratio: \\&quot;1:1\\&quot;, width: 300, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {overlay: {font_family: \\&quot;rubik\\&quot;, font_size: 25, font_weight: \\&quot;bold\\&quot;, stroke: \\&quot;stroke\\&quot;, text: \\&quot;Cloudinary%20Rocks%21\\&quot;}, gravity: \\&quot;south_east\\&quot;, color: \\&quot;blue\\&quot;, border: \\&quot;2px_solid_pink\\&quot;},\\n  {delay: \\&quot;500\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent-gif-1.gif\\&quot;)\\n  .addTransformation(\\n    \\&quot;ar_1:1,w_300,c_fill,g_face\\\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\\\/dl_500\\&quot;\\n  )\\n  .setDeliveryType(\\&quot;multi\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent-gif-1.gif\\&quot;)\\n  .addTransformation(\\n    \\&quot;ar_1:1,w_300,c_fill,g_face\\\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\\\/dl_500\\&quot;\\n  )\\n  .setDeliveryType(\\&quot;multi\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;fluent-gif-1.gif\\&quot; type=\\&quot;multi\\&quot;&gt; &lt;Transformation aspectRatio=\\&quot;1:1\\&quot; width=\\&quot;300\\&quot; gravity=\\&quot;face\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation overlay={{fontFamily: \\&quot;rubik\\&quot;, fontSize: 25, fontWeight: \\&quot;bold\\&quot;, stroke: \\&quot;stroke\\&quot;, text: \\&quot;Cloudinary%20Rocks%21\\&quot;}} gravity=\\&quot;south_east\\&quot; color=\\&quot;blue\\&quot; border=\\&quot;2px_solid_pink\\&quot; \\\/&gt; &lt;Transformation delay=\\&quot;500\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;fluent-gif-1.gif\\&quot; type=\\&quot;multi\\&quot;&gt;\\n\\t&lt;Transformation aspectRatio=\\&quot;1:1\\&quot; width=\\&quot;300\\&quot; gravity=\\&quot;face\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation overlay={{fontFamily: \\&quot;rubik\\&quot;, fontSize: 25, fontWeight: \\&quot;bold\\&quot;, stroke: \\&quot;stroke\\&quot;, text: \\&quot;Cloudinary%20Rocks%21\\&quot;}} gravity=\\&quot;south_east\\&quot; color=\\&quot;blue\\&quot; border=\\&quot;2px_solid_pink\\&quot; \\\/&gt;\\n\\t&lt;Transformation delay=\\&quot;500\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent-gif-1.gif\\&quot;)\\n  .addTransformation(\\n    \\&quot;ar_1:1,w_300,c_fill,g_face\\\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\\\/dl_500\\&quot;\\n  )\\n  .setDeliveryType(\\&quot;multi\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent-gif-1.gif\\&quot;)\\n  .addTransformation(\\n    \\&quot;ar_1:1,w_300,c_fill,g_face\\\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\\\/dl_500\\&quot;\\n  )\\n  .setDeliveryType(\\&quot;multi\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;fluent-gif-1.gif\\&quot; type=\\&quot;multi\\&quot;&gt; &lt;cld-transformation aspect-ratio=\\&quot;1:1\\&quot; width=\\&quot;300\\&quot; gravity=\\&quot;face\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation :overlay=\\&quot;{fontFamily: &#039;rubik&#039;, fontSize: 25, fontWeight: &#039;bold&#039;, stroke: &#039;stroke&#039;, text: &#039;Cloudinary%20Rocks%21&#039;}\\&quot; gravity=\\&quot;south_east\\&quot; color=\\&quot;blue\\&quot; border=\\&quot;2px_solid_pink\\&quot; \\\/&gt; &lt;cld-transformation delay=\\&quot;500\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;fluent-gif-1.gif\\&quot; type=\\&quot;multi\\&quot;&gt;\\n\\t&lt;cld-transformation aspect-ratio=\\&quot;1:1\\&quot; width=\\&quot;300\\&quot; gravity=\\&quot;face\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :overlay=\\&quot;{fontFamily: &#039;rubik&#039;, fontSize: 25, fontWeight: &#039;bold&#039;, stroke: &#039;stroke&#039;, text: &#039;Cloudinary%20Rocks%21&#039;}\\&quot; gravity=\\&quot;south_east\\&quot; color=\\&quot;blue\\&quot; border=\\&quot;2px_solid_pink\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation delay=\\&quot;500\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent-gif-1.gif\\&quot;)\\n  .addTransformation(\\n    \\&quot;ar_1:1,w_300,c_fill,g_face\\\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\\\/dl_500\\&quot;\\n  )\\n  .setDeliveryType(\\&quot;multi\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent-gif-1.gif\\&quot;)\\n  .addTransformation(\\n    \\&quot;ar_1:1,w_300,c_fill,g_face\\\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\\\/dl_500\\&quot;\\n  )\\n  .setDeliveryType(\\&quot;multi\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;fluent-gif-1.gif\\&quot; type=\\&quot;multi\\&quot;&gt; &lt;cl-transformation aspect-ratio=\\&quot;1:1\\&quot; width=\\&quot;300\\&quot; gravity=\\&quot;face\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation overlay=\\&quot;text:rubik_25_bold_stroke:Cloudinary%20Rocks%21\\&quot; gravity=\\&quot;south_east\\&quot; color=\\&quot;blue\\&quot; border=\\&quot;2px_solid_pink\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation delay=\\&quot;500\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;fluent-gif-1.gif\\&quot; type=\\&quot;multi\\&quot;&gt;\\n\\t&lt;cl-transformation aspect-ratio=\\&quot;1:1\\&quot; width=\\&quot;300\\&quot; gravity=\\&quot;face\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation overlay=\\&quot;text:rubik_25_bold_stroke:Cloudinary%20Rocks%21\\&quot; gravity=\\&quot;south_east\\&quot; color=\\&quot;blue\\&quot; border=\\&quot;2px_solid_pink\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation delay=\\&quot;500\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent-gif-1.gif\\&quot;)\\n  .addTransformation(\\n    \\&quot;ar_1:1,w_300,c_fill,g_face\\\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\\\/dl_500\\&quot;\\n  )\\n  .setDeliveryType(\\&quot;multi\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent-gif-1.gif\\&quot;)\\n  .addTransformation(\\n    \\&quot;ar_1:1,w_300,c_fill,g_face\\\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\\\/dl_500\\&quot;\\n  )\\n  .setDeliveryType(\\&quot;multi\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;fluent-gif-1.gif&#039;, {type: \\&quot;multi\\&quot;, transformation: [ {aspectRatio: \\&quot;1:1\\&quot;, width: 300, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;}, {overlay: new cloudinary.TextLayer().fontFamily(\\&quot;rubik\\&quot;).fontSize(25).fontWeight(\\&quot;bold\\&quot;).stroke(\\&quot;stroke\\&quot;).text(\\&quot;Cloudinary%20Rocks%21\\&quot;), gravity: \\&quot;south_east\\&quot;, color: \\&quot;blue\\&quot;, border: \\&quot;2px_solid_pink\\&quot;}, {delay: \\&quot;500\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;fluent-gif-1.gif&#039;, {type: \\&quot;multi\\&quot;, transformation: [\\n  {aspectRatio: \\&quot;1:1\\&quot;, width: 300, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {overlay: new cloudinary.TextLayer().fontFamily(\\&quot;rubik\\&quot;).fontSize(25).fontWeight(\\&quot;bold\\&quot;).stroke(\\&quot;stroke\\&quot;).text(\\&quot;Cloudinary%20Rocks%21\\&quot;), gravity: \\&quot;south_east\\&quot;, color: \\&quot;blue\\&quot;, border: \\&quot;2px_solid_pink\\&quot;},\\n  {delay: \\&quot;500\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;fluent-gif-1.gif\\&quot;).image(type=\\&quot;multi\\&quot;, transformation=[ {&#039;aspect_ratio&#039;: \\&quot;1:1\\&quot;, &#039;width&#039;: 300, &#039;gravity&#039;: \\&quot;face\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;rubik\\&quot;, &#039;font_size&#039;: 25, &#039;font_weight&#039;: \\&quot;bold\\&quot;, &#039;stroke&#039;: \\&quot;stroke\\&quot;, &#039;text&#039;: \\&quot;Cloudinary%20Rocks%21\\&quot;}, &#039;gravity&#039;: \\&quot;south_east\\&quot;, &#039;color&#039;: \\&quot;blue\\&quot;, &#039;border&#039;: \\&quot;2px_solid_pink\\&quot;}, {&#039;delay&#039;: \\&quot;500\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;fluent-gif-1.gif\\&quot;).image(type=\\&quot;multi\\&quot;, transformation=[\\n  {&#039;aspect_ratio&#039;: \\&quot;1:1\\&quot;, &#039;width&#039;: 300, &#039;gravity&#039;: \\&quot;face\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;rubik\\&quot;, &#039;font_size&#039;: 25, &#039;font_weight&#039;: \\&quot;bold\\&quot;, &#039;stroke&#039;: \\&quot;stroke\\&quot;, &#039;text&#039;: \\&quot;Cloudinary%20Rocks%21\\&quot;}, &#039;gravity&#039;: \\&quot;south_east\\&quot;, &#039;color&#039;: \\&quot;blue\\&quot;, &#039;border&#039;: \\&quot;2px_solid_pink\\&quot;},\\n  {&#039;delay&#039;: \\&quot;500\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;fluent-gif-1.gif&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(300)\\n\\t-&gt;aspectRatio(\\n\\tAspectRatio::ar1X1())\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\n\\tFocusOn::face()))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;Cloudinary Rocks!\\&quot;,(new TextStyle(\\&quot;rubik\\&quot;,25))\\n\\t-&gt;fontWeight(\\n\\tFontWeight::bold())\\n\\t-&gt;stroke(\\n\\tStroke::solid(2,Color::PINK))\\n\\t)\\n\\t-&gt;textColor(Color::BLUE)\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::southEast()))\\n\\t)\\n\\t)\\n\\t-&gt;animated(Animated::edit()-&gt;delay(500))\\n\\t-&gt;deliveryType(\\&quot;multi\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;fluent-gif-1.gif&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(300)\\n\\t-&gt;aspectRatio(\\n\\tAspectRatio::ar1X1())\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\n\\tFocusOn::face()))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;Cloudinary Rocks!\\&quot;,(new TextStyle(\\&quot;rubik\\&quot;,25))\\n\\t-&gt;fontWeight(\\n\\tFontWeight::bold())\\n\\t-&gt;stroke(\\n\\tStroke::solid(2,Color::PINK))\\n\\t)\\n\\t-&gt;textColor(Color::BLUE)\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::southEast()))\\n\\t)\\n\\t)\\n\\t-&gt;animated(Animated::edit()-&gt;delay(500))\\n\\t-&gt;deliveryType(\\&quot;multi\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;fluent-gif-1.gif\\&quot;, array(\\&quot;type\\&quot;=&gt;\\&quot;multi\\&quot;, \\&quot;transformation\\&quot;=&gt;array( array(\\&quot;aspect_ratio\\&quot;=&gt;\\&quot;1:1\\&quot;, \\&quot;width\\&quot;=&gt;300, \\&quot;gravity\\&quot;=&gt;\\&quot;face\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;rubik\\&quot;, \\&quot;font_size\\&quot;=&gt;25, \\&quot;font_weight\\&quot;=&gt;\\&quot;bold\\&quot;, \\&quot;stroke\\&quot;=&gt;\\&quot;stroke\\&quot;, \\&quot;text\\&quot;=&gt;\\&quot;Cloudinary%20Rocks%21\\&quot;), \\&quot;gravity\\&quot;=&gt;\\&quot;south_east\\&quot;, \\&quot;color\\&quot;=&gt;\\&quot;blue\\&quot;, \\&quot;border\\&quot;=&gt;\\&quot;2px_solid_pink\\&quot;), array(\\&quot;delay\\&quot;=&gt;\\&quot;500\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;fluent-gif-1.gif\\&quot;, array(\\&quot;type\\&quot;=&gt;\\&quot;multi\\&quot;, \\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;aspect_ratio\\&quot;=&gt;\\&quot;1:1\\&quot;, \\&quot;width\\&quot;=&gt;300, \\&quot;gravity\\&quot;=&gt;\\&quot;face\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;rubik\\&quot;, \\&quot;font_size\\&quot;=&gt;25, \\&quot;font_weight\\&quot;=&gt;\\&quot;bold\\&quot;, \\&quot;stroke\\&quot;=&gt;\\&quot;stroke\\&quot;, \\&quot;text\\&quot;=&gt;\\&quot;Cloudinary%20Rocks%21\\&quot;), \\&quot;gravity\\&quot;=&gt;\\&quot;south_east\\&quot;, \\&quot;color\\&quot;=&gt;\\&quot;blue\\&quot;, \\&quot;border\\&quot;=&gt;\\&quot;2px_solid_pink\\&quot;),\\n  array(\\&quot;delay\\&quot;=&gt;\\&quot;500\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().aspectRatio(\\&quot;1:1\\&quot;).width(300).gravity(\\&quot;face\\&quot;).crop(\\&quot;fill\\&quot;).chain() .overlay(new TextLayer().fontFamily(\\&quot;rubik\\&quot;).fontSize(25).fontWeight(\\&quot;bold\\&quot;).stroke(\\&quot;stroke\\&quot;).text(\\&quot;Cloudinary%20Rocks%21\\&quot;)).gravity(\\&quot;south_east\\&quot;).color(\\&quot;blue\\&quot;).border(\\&quot;2px_solid_pink\\&quot;).chain() .delay(\\&quot;500\\&quot;)).type(\\&quot;multi\\&quot;).imageTag(\\&quot;fluent-gif-1.gif\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .aspectRatio(\\&quot;1:1\\&quot;).width(300).gravity(\\&quot;face\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .overlay(new TextLayer().fontFamily(\\&quot;rubik\\&quot;).fontSize(25).fontWeight(\\&quot;bold\\&quot;).stroke(\\&quot;stroke\\&quot;).text(\\&quot;Cloudinary%20Rocks%21\\&quot;)).gravity(\\&quot;south_east\\&quot;).color(\\&quot;blue\\&quot;).border(\\&quot;2px_solid_pink\\&quot;).chain()\\n  .delay(\\&quot;500\\&quot;)).type(\\&quot;multi\\&quot;).imageTag(\\&quot;fluent-gif-1.gif\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;fluent-gif-1.gif\\&quot;, type: \\&quot;multi\\&quot;, transformation: [ {aspect_ratio: \\&quot;1:1\\&quot;, width: 300, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;}, {overlay: {font_family: \\&quot;rubik\\&quot;, font_size: 25, font_weight: \\&quot;bold\\&quot;, stroke: \\&quot;stroke\\&quot;, text: \\&quot;Cloudinary%20Rocks%21\\&quot;}, gravity: \\&quot;south_east\\&quot;, color: \\&quot;blue\\&quot;, border: \\&quot;2px_solid_pink\\&quot;}, {delay: \\&quot;500\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;fluent-gif-1.gif\\&quot;, type: \\&quot;multi\\&quot;, transformation: [\\n  {aspect_ratio: \\&quot;1:1\\&quot;, width: 300, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {overlay: {font_family: \\&quot;rubik\\&quot;, font_size: 25, font_weight: \\&quot;bold\\&quot;, stroke: \\&quot;stroke\\&quot;, text: \\&quot;Cloudinary%20Rocks%21\\&quot;}, gravity: \\&quot;south_east\\&quot;, color: \\&quot;blue\\&quot;, border: \\&quot;2px_solid_pink\\&quot;},\\n  {delay: \\&quot;500\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().AspectRatio(\\&quot;1:1\\&quot;).Width(300).Gravity(\\&quot;face\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Overlay(new TextLayer().FontFamily(\\&quot;rubik\\&quot;).FontSize(25).FontWeight(\\&quot;bold\\&quot;).Stroke(\\&quot;stroke\\&quot;).Text(\\&quot;Cloudinary%20Rocks%21\\&quot;)).Gravity(\\&quot;south_east\\&quot;).Color(\\&quot;blue\\&quot;).Border(\\&quot;2px_solid_pink\\&quot;).Chain() .Delay(\\&quot;500\\&quot;)).Action(\\&quot;multi\\&quot;).BuildImageTag(\\&quot;fluent-gif-1.gif\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .AspectRatio(\\&quot;1:1\\&quot;).Width(300).Gravity(\\&quot;face\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Overlay(new TextLayer().FontFamily(\\&quot;rubik\\&quot;).FontSize(25).FontWeight(\\&quot;bold\\&quot;).Stroke(\\&quot;stroke\\&quot;).Text(\\&quot;Cloudinary%20Rocks%21\\&quot;)).Gravity(\\&quot;south_east\\&quot;).Color(\\&quot;blue\\&quot;).Border(\\&quot;2px_solid_pink\\&quot;).Chain()\\n  .Delay(\\&quot;500\\&quot;)).Action(\\&quot;multi\\&quot;).BuildImageTag(\\&quot;fluent-gif-1.gif\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;fluent-gif-1.gif&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;ar_1:1,w_300,c_fill,g_face\\\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\\\/dl_500\\&quot;)\\n\\t.setDeliveryType(\\&quot;multi\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;fluent-gif-1.gif&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;ar_1:1,w_300,c_fill,g_face\\\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\\\/dl_500\\&quot;)\\n\\t.setDeliveryType(\\&quot;multi\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setType( \\&quot;multi\\&quot;).setTransformation(CLDTransformation().setAspectRatio(\\&quot;1:1\\&quot;).setWidth(300).setGravity(\\&quot;face\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setOverlay(\\&quot;text:rubik_25_bold_stroke:Cloudinary%20Rocks%21\\&quot;).setGravity(\\&quot;south_east\\&quot;).setColor(\\&quot;blue\\&quot;).setBorder(\\&quot;2px_solid_pink\\&quot;).chain() .setDelay(\\&quot;500\\&quot;)).generate(\\&quot;fluent-gif-1.gif\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setType( \\&quot;multi\\&quot;).setTransformation(CLDTransformation()\\n  .setAspectRatio(\\&quot;1:1\\&quot;).setWidth(300).setGravity(\\&quot;face\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setOverlay(\\&quot;text:rubik_25_bold_stroke:Cloudinary%20Rocks%21\\&quot;).setGravity(\\&quot;south_east\\&quot;).setColor(\\&quot;blue\\&quot;).setBorder(\\&quot;2px_solid_pink\\&quot;).chain()\\n  .setDelay(\\&quot;500\\&quot;)).generate(\\&quot;fluent-gif-1.gif\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().aspectRatio(\\&quot;1:1\\&quot;).width(300).gravity(\\&quot;face\\&quot;).crop(\\&quot;fill\\&quot;).chain() .overlay(new TextLayer().fontFamily(\\&quot;rubik\\&quot;).fontSize(25).fontWeight(\\&quot;bold\\&quot;).stroke(\\&quot;stroke\\&quot;).text(\\&quot;Cloudinary%20Rocks%21\\&quot;)).gravity(\\&quot;south_east\\&quot;).color(\\&quot;blue\\&quot;).border(\\&quot;2px_solid_pink\\&quot;).chain() .delay(\\&quot;500\\&quot;)).type(\\&quot;multi\\&quot;).generate(\\&quot;fluent-gif-1.gif\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .aspectRatio(\\&quot;1:1\\&quot;).width(300).gravity(\\&quot;face\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .overlay(new TextLayer().fontFamily(\\&quot;rubik\\&quot;).fontSize(25).fontWeight(\\&quot;bold\\&quot;).stroke(\\&quot;stroke\\&quot;).text(\\&quot;Cloudinary%20Rocks%21\\&quot;)).gravity(\\&quot;south_east\\&quot;).color(\\&quot;blue\\&quot;).border(\\&quot;2px_solid_pink\\&quot;).chain()\\n  .delay(\\&quot;500\\&quot;)).type(\\&quot;multi\\&quot;).generate(\\&quot;fluent-gif-1.gif\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;fluent-gif-1.gif&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;ar_1:1,w_300,c_fill,g_face\\\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\\\/dl_500\\&quot;)\\n\\t.setDeliveryType(\\&quot;multi\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;fluent-gif-1.gif&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;ar_1:1,w_300,c_fill,g_face\\\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\\\/dl_500\\&quot;)\\n\\t.setDeliveryType(\\&quot;multi\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;fluent-gif-1.gif\\&quot;)\\n\\t resize(Resize.fill() { width(300)\\n\\t aspectRatio(\\n\\tAspectRatio.ar1X1())\\n\\t gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;Cloudinary Rocks!\\&quot;,TextStyle(\\&quot;rubik\\&quot;,25) {\\n\\t fontWeight(\\n\\tFontWeight.bold())\\n\\t stroke(\\n\\tStroke.solid(2,Color.PINK))\\n\\t }) {\\n\\t textColor(Color.BLUE)\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.southEast()))\\n\\t })\\n\\t })\\n\\t animated(Animated.edit() { delay(500) })\\n\\t deliveryType(\\&quot;multi\\&quot;) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;fluent-gif-1.gif\\&quot;)\\n\\t resize(Resize.fill() { width(300)\\n\\t aspectRatio(\\n\\tAspectRatio.ar1X1())\\n\\t gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;Cloudinary Rocks!\\&quot;,TextStyle(\\&quot;rubik\\&quot;,25) {\\n\\t fontWeight(\\n\\tFontWeight.bold())\\n\\t stroke(\\n\\tStroke.solid(2,Color.PINK))\\n\\t }) {\\n\\t textColor(Color.BLUE)\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.southEast()))\\n\\t })\\n\\t })\\n\\t animated(Animated.edit() { delay(500) })\\n\\t deliveryType(\\&quot;multi\\&quot;) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;fluent-gif-1.gif\\&quot;, {type: \\&quot;multi\\&quot;, transformation: [ {aspect_ratio: \\&quot;1:1\\&quot;, width: 300, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;}, {overlay: new cloudinary.TextLayer().fontFamily(\\&quot;rubik\\&quot;).fontSize(25).fontWeight(\\&quot;bold\\&quot;).stroke(\\&quot;stroke\\&quot;).text(\\&quot;Cloudinary%20Rocks%21\\&quot;), gravity: \\&quot;south_east\\&quot;, color: \\&quot;blue\\&quot;, border: \\&quot;2px_solid_pink\\&quot;}, {delay: \\&quot;500\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;fluent-gif-1.gif\\&quot;, {type: \\&quot;multi\\&quot;, transformation: [\\n  {aspect_ratio: \\&quot;1:1\\&quot;, width: 300, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {overlay: new cloudinary.TextLayer().fontFamily(\\&quot;rubik\\&quot;).fontSize(25).fontWeight(\\&quot;bold\\&quot;).stroke(\\&quot;stroke\\&quot;).text(\\&quot;Cloudinary%20Rocks%21\\&quot;), gravity: \\&quot;south_east\\&quot;, color: \\&quot;blue\\&quot;, border: \\&quot;2px_solid_pink\\&quot;},\\n  {delay: \\&quot;500\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent-gif-1.gif\\&quot;)\\n  .addTransformation(\\n    \\&quot;ar_1:1,w_300,c_fill,g_face\\\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\\\/dl_500\\&quot;\\n  )\\n  .setDeliveryType(\\&quot;multi\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;fluent-gif-1.gif\\&quot;)\\n  .addTransformation(\\n    \\&quot;ar_1:1,w_300,c_fill,g_face\\\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\\\/dl_500\\&quot;\\n  )\\n  .setDeliveryType(\\&quot;multi\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/multi\\\/ar_1:1,w_300,c_fill,g_face\\\/l_text:rubik_25_bold_stroke:Cloudinary%20Rocks!,g_south_east,co_blue,bo_2px_solid_pink\\\/dl_500\\\/fluent-gif-1.gif&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;multi&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;aspect_ratio&quot;:&quot;1:1&quot;,&quot;width&quot;:&quot;300&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;gravity&quot;:&quot;face&quot;},{&quot;overlay&quot;:&quot;text:rubik_25_bold_stroke:Cloudinary Rocks!&quot;,&quot;gravity&quot;:&quot;south_east&quot;,&quot;color&quot;:&quot;blue&quot;,&quot;border&quot;:&quot;2px_solid_pink&quot;},{&quot;delay&quot;:&quot;500&quot;}],&quot;transformation_string&quot;:&quot;ar_1:1,w_300,c_fill,g_face\\\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\\\/dl_500&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;fluent-gif-1.gif&quot;,&quot;extension&quot;:&quot;gif&quot;,&quot;format&quot;:&quot;gif&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/multi\/ar_1:1,w_300,c_fill,g_face\/l_text:rubik_25_bold_stroke:Cloudinary%20Rocks!,g_south_east,co_blue,bo_2px_solid_pink\/dl_500\/fluent-gif-1.gif\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/multi\/ar_1:1,w_300,c_fill,g_face\/l_text:rubik_25_bold_stroke:Cloudinary%20Rocks!,g_south_east,co_blue,bo_2px_solid_pink\/dl_500\/fluent-gif-1.gif\" alt=\"Transformation 3\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"300\"\/><\/a><\/p>\n<p>Got some other creations or fun ideas? Add them below in the comments! In the mean time, check our some of the fun transformations submitted by people who visited our booth!<\/p>\n<div style=\"clear: both; margin-bottom: 20px\">\n<\/div>\n<div style=\"text-align:center;\">\n<span style=\"display:inline-block;vertical-align:top;\">\n<a href=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/w_300,c_fill,f_auto,q_auto\/blog\/Fluent2018-post\/Fluent_User1.jpg\" target =\"_blank\"><img decoding=\"async\" src=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/w_300,c_fill,f_auto,q_auto\/blog\/Fluent2018-post\/Fluent_User1.jpg\" alt=\u201cUser1\u201d title=\"\" style=\"margin-right: 10px;display:block;\" \/><\/a>\n<b style=\"margin-right: 10px;display:block;\"><\/b>\n<\/span>\n<span style=\"display:inline-block;vertical-align:top;\">\n<a href=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/w_300,c_fill,f_auto,q_auto\/blog\/Fluent2018-post\/Fluent_User2.jpg\" target =\"_blank\"><img decoding=\"async\" src=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/w_300,c_fill,f_auto,q_auto\/blog\/Fluent2018-post\/Fluent_User2.jpg\" alt=\u201cUser2\u201d title=\"\" style=\"margin-right: 10px;display:block;\" \/><\/a>\n<b style=\"margin-right: 10px;display:block;\"><\/b>\n<\/span>\n<span style=\"display:inline-block;vertical-align:top;\">\n<a href=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/f_auto\/blog\/Fluent2018-post\/Fluent_User3.png\" target =\"_blank\"><img decoding=\"async\" src=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/f_auto\/blog\/Fluent2018-post\/Fluent_User3.png\" alt=\u201cUser3\u201d title=\"\" style=\"margin-right: 10px;display:block;\" \/><\/a>\n<b style=\"margin-right: 10px;display:block;\"><\/b>\n<\/span>\n<span style=\"display:inline-block;vertical-align:top;\">\n<a href=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/w_300,c_fill,f_auto,q_auto\/blog\/Fluent2018-post\/Fluent_User4.jpg\" target =\"_blank\"><img decoding=\"async\" src=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/w_300,c_fill,f_auto,q_auto\/blog\/Fluent2018-post\/Fluent_User4.jpg\" alt=\u201cUser4\u201d title=\"\" style=\"margin-right: 10px;display:block;\" \/><\/a>\n<b style=\"margin-right: 10px;display:block;\"><\/b>\n<\/span>\n<\/div>\n<div style=\"clear: both; margin-bottom: 20px\">\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":41,"featured_media":21753,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[68,113,165],"class_list":["post-21752","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-conference","tag-face-detection","tag-image-transformation"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.6 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Headshot transformations from Fluent + Velocity 2018<\/title>\n<meta name=\"description\" content=\"An overview of the Headshot Transformation Station at the Cloudinary booth during O&#039;Reilly&#039;s Fluent and Velocity Conference\" \/>\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\/headshot_transformations_from_fluent_velocity_2018\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Headshot transformations from Fluent + Velocity 2018\" \/>\n<meta property=\"og:description\" content=\"An overview of the Headshot Transformation Station at the Cloudinary booth during O&#039;Reilly&#039;s Fluent and Velocity Conference\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-06-26T16:05:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-24T01:50:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649721903\/Web_Assets\/blog\/Headshot-Transformation\/Headshot-Transformation-jpg?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"1540\" \/>\n\t<meta property=\"og:image:height\" content=\"847\" \/>\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\/headshot_transformations_from_fluent_velocity_2018#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Headshot transformations from Fluent + Velocity 2018\",\"datePublished\":\"2018-06-26T16:05:23+00:00\",\"dateModified\":\"2024-08-24T01:50:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018\"},\"wordCount\":5,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649721903\/Web_Assets\/blog\/Headshot-Transformation\/Headshot-Transformation.jpg?_i=AA\",\"keywords\":[\"Conference\",\"Face Detection\",\"Image Transformation\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2018\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018\",\"url\":\"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018\",\"name\":\"Headshot transformations from Fluent + Velocity 2018\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649721903\/Web_Assets\/blog\/Headshot-Transformation\/Headshot-Transformation.jpg?_i=AA\",\"datePublished\":\"2018-06-26T16:05:23+00:00\",\"dateModified\":\"2024-08-24T01:50:39+00:00\",\"description\":\"An overview of the Headshot Transformation Station at the Cloudinary booth during O'Reilly's Fluent and Velocity Conference\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649721903\/Web_Assets\/blog\/Headshot-Transformation\/Headshot-Transformation.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649721903\/Web_Assets\/blog\/Headshot-Transformation\/Headshot-Transformation.jpg?_i=AA\",\"width\":1540,\"height\":847},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Headshot transformations from Fluent + Velocity 2018\"}]},{\"@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":"Headshot transformations from Fluent + Velocity 2018","description":"An overview of the Headshot Transformation Station at the Cloudinary booth during O'Reilly's Fluent and Velocity Conference","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\/headshot_transformations_from_fluent_velocity_2018","og_locale":"en_US","og_type":"article","og_title":"Headshot transformations from Fluent + Velocity 2018","og_description":"An overview of the Headshot Transformation Station at the Cloudinary booth during O'Reilly's Fluent and Velocity Conference","og_url":"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018","og_site_name":"Cloudinary Blog","article_published_time":"2018-06-26T16:05:23+00:00","article_modified_time":"2024-08-24T01:50:39+00:00","og_image":[{"width":1540,"height":847,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649721903\/Web_Assets\/blog\/Headshot-Transformation\/Headshot-Transformation-jpg?_i=AA","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018"},"author":{"name":"","@id":""},"headline":"Headshot transformations from Fluent + Velocity 2018","datePublished":"2018-06-26T16:05:23+00:00","dateModified":"2024-08-24T01:50:39+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018"},"wordCount":5,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649721903\/Web_Assets\/blog\/Headshot-Transformation\/Headshot-Transformation.jpg?_i=AA","keywords":["Conference","Face Detection","Image Transformation"],"inLanguage":"en-US","copyrightYear":"2018","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018","url":"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018","name":"Headshot transformations from Fluent + Velocity 2018","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649721903\/Web_Assets\/blog\/Headshot-Transformation\/Headshot-Transformation.jpg?_i=AA","datePublished":"2018-06-26T16:05:23+00:00","dateModified":"2024-08-24T01:50:39+00:00","description":"An overview of the Headshot Transformation Station at the Cloudinary booth during O'Reilly's Fluent and Velocity Conference","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649721903\/Web_Assets\/blog\/Headshot-Transformation\/Headshot-Transformation.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649721903\/Web_Assets\/blog\/Headshot-Transformation\/Headshot-Transformation.jpg?_i=AA","width":1540,"height":847},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/headshot_transformations_from_fluent_velocity_2018#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Headshot transformations from Fluent + Velocity 2018"}]},{"@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\/v1649721903\/Web_Assets\/blog\/Headshot-Transformation\/Headshot-Transformation.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21752","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=21752"}],"version-history":[{"count":1,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21752\/revisions"}],"predecessor-version":[{"id":35481,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21752\/revisions\/35481"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/21753"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=21752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=21752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=21752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}