如何控制缩放层并自动检测脸部图像裁剪

多网站向用户提供上传图像和剖面图片的能力,使网络设计师在随后显示图片时维护一定图形设计风格成为挑战剖面图片可能需要智能裁剪以聚焦脸部,有些网站偏向面部封装,而另一些网站则偏向在显示人图像时增加背景

云形自动脸部检测特征是一种极实用方法,用以识别上传图像中的脸部并随后使之成为智能裁剪、定位并相应调整图片大小的简单问题生成图像以默认缩放水平裁剪, 以便控制面部原图像多维, Cloudinary引入了缩放参数, 可添加到动态图像交付URL并实现云基变换

上头缩放参数(复元接受小数值将新缩放级别设为默认缩放设置的倍数:值小于1.0缩放和值大于1.0缩放举个例子z_0.5半缩放至50%并缩放外表以包括面部更多背景z2.0双倍默认缩放至200%和缩放内嵌入面部背景缩放参数与裁剪或缩略图裁剪模式同时设置重力参数聚焦于单面g_face)多面孔g表情或自定义坐标g_定制用户上传图像时人工定义几个例子显示如何使用缩放参数

下示例显示缩放参数与缩略图裁剪模式模式生成图像缩略图并带精确给定宽度和高度维度,同时识别脸部并使其成为图像中心

原成比例保留,但图像可缩放适配给次维上头缩放参数现在将判定脸宽度和高度内缩放量,缩放值小于1.0压缩脸部,缩放值大于1.0放大图像内面部

URL动态生成200x200缩略图

<\/Image>","codeSnippet":" \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .gravity(focusOn(face()))\n);","codeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .gravity(focusOn(face()))\n);","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .gravity(focusOn(face()))\n);","codeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .gravity(focusOn(face()))\n);","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .gravity(focusOn(face()))\n);","codeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .gravity(focusOn(face()))\n);","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('lady.jpg', {gravity: \"face\", width: 200, height: 200, crop: \"thumb\"}).toHtml();","codeSnippet":"cloudinary.imageTag('lady.jpg', {gravity: \"face\", width: 200, height: 200, crop: \"thumb\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"lady.jpg\").image(gravity=\"face\", width=200, height=200, crop=\"thumb\")","codeSnippet":"CloudinaryImage(\"lady.jpg\").image(gravity=\"face\", width=200, height=200, crop=\"thumb\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('lady.jpg'))\n\t->resize(Resize::thumbnail()->width(200)\n->height(200)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t);","codeSnippet":"(new ImageTag('lady.jpg'))\n\t->resize(Resize::thumbnail()->width(200)\n->height(200)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t);","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"lady.jpg\", array(\"gravity\"=>\"face\", \"width\"=>200, \"height\"=>200, \"crop\"=>\"thumb\"))","codeSnippet":"cl_image_tag(\"lady.jpg\", array(\"gravity\"=>\"face\", \"width\"=>200, \"height\"=>200, \"crop\"=>\"thumb\"))","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"java","framework":"java","language":"java","rawCodeSnippet":"cloudinary.url().transformation(new Transformation().gravity(\"face\").width(200).height(200).crop(\"thumb\")).imageTag(\"lady.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().gravity(\"face\").width(200).height(200).crop(\"thumb\")).imageTag(\"lady.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"lady.jpg\", :gravity=>\"face\", :width=>200, :height=>200, :crop=>\"thumb\")","codeSnippet":"cl_image_tag(\"lady.jpg\", :gravity=>\"face\", :width=>200, :height=>200, :crop=>\"thumb\")","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Gravity(\"face\").Width(200).Height(200).Crop(\"thumb\")).BuildImageTag(\"lady.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Gravity(\"face\").Width(200).Height(200).Crop(\"thumb\")).BuildImageTag(\"lady.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(200)\n.height(200)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t));","codeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(200)\n.height(200)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t));","status":0,"statusText":"Ok","displayName":"Dart","packageName":"cloudinary_dart","packageStatus":"","packageVersion":"0.x"},{"sdkId":"swift","framework":"swift","language":"swift","rawCodeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setGravity(\"face\").setWidth(200).setHeight(200).setCrop(\"thumb\")).generate(\"lady.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setGravity(\"face\").setWidth(200).setHeight(200).setCrop(\"thumb\")).generate(\"lady.jpg\")!, cloudinary: cloudinary)","status":0,"statusText":"Ok","displayName":"iOS","packageName":"cloudinary","packageStatus":"","packageVersion":"3.x"},{"sdkId":"android","framework":"android","language":"android","rawCodeSnippet":"MediaManager.get().url().transformation(new Transformation().gravity(\"face\").width(200).height(200).crop(\"thumb\")).generate(\"lady.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().gravity(\"face\").width(200).height(200).crop(\"thumb\")).generate(\"lady.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(200)\n.height(200)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t));","codeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(200)\n.height(200)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"lady.jpg\")\n\t resize(Resize.thumbnail() { width(200)\n height(200)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"lady.jpg\")\n\t resize(Resize.thumbnail() { width(200)\n height(200)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t }) \n}.generate()","status":0,"statusText":"Ok","displayName":"Kotlin","packageName":"kotlin-url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"jquery","framework":"jquery","language":"jquery","rawCodeSnippet":"$.cloudinary.image(\"lady.jpg\", {gravity: \"face\", width: 200, height: 200, crop: \"thumb\"})","codeSnippet":"$.cloudinary.image(\"lady.jpg\", {gravity: \"face\", width: 200, height: 200, crop: \"thumb\"})","status":0,"statusText":"Ok","displayName":"jQuery","packageName":"cloudinary-jquery","packageStatus":"","packageVersion":"2.x"},{"sdkId":"react_native","framework":"react_native","language":"react_native","rawCodeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .gravity(focusOn(face()))\n);","codeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .gravity(focusOn(face()))\n);","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.agrosoland.com\/demo\/image\/upload\/c_thumb,g_face,w_200,h_200\/lady.jpg","cloud_name":"demo","host":"res.www.agrosoland.com","type":"upload","resource_type":"image","transformation":[{"crop_mode":"thumb","gravity":"face","width":"200","height":"200"}],"transformation_string":"c_thumb,g_face,w_200,h_200","url_suffix":"","version":"","secure":true,"public_id":"lady.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

要包含更多面部背景并减少图像内面部相对大小,我们可以通过设置缩放度将缩放度降为70%默认值缩放参数切换0.7:

<\/Image>","codeSnippet":" \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .zoom(0.7)\n .gravity(focusOn(face()))\n);","codeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .zoom(0.7)\n .gravity(focusOn(face()))\n);","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .zoom(0.7)\n .gravity(focusOn(face()))\n);","codeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .zoom(0.7)\n .gravity(focusOn(face()))\n);","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .zoom(0.7)\n .gravity(focusOn(face()))\n);","codeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .zoom(0.7)\n .gravity(focusOn(face()))\n);","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('lady.jpg', {gravity: \"face\", zoom: \"0.7\", width: 200, height: 200, crop: \"thumb\"}).toHtml();","codeSnippet":"cloudinary.imageTag('lady.jpg', {gravity: \"face\", zoom: \"0.7\", width: 200, height: 200, crop: \"thumb\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"lady.jpg\").image(gravity=\"face\", zoom=\"0.7\", width=200, height=200, crop=\"thumb\")","codeSnippet":"CloudinaryImage(\"lady.jpg\").image(gravity=\"face\", zoom=\"0.7\", width=200, height=200, crop=\"thumb\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('lady.jpg'))\n\t->resize(Resize::thumbnail()->width(200)\n->height(200)\n->zoom(0.7)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t);","codeSnippet":"(new ImageTag('lady.jpg'))\n\t->resize(Resize::thumbnail()->width(200)\n->height(200)\n->zoom(0.7)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t);","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"lady.jpg\", array(\"gravity\"=>\"face\", \"zoom\"=>\"0.7\", \"width\"=>200, \"height\"=>200, \"crop\"=>\"thumb\"))","codeSnippet":"cl_image_tag(\"lady.jpg\", array(\"gravity\"=>\"face\", \"zoom\"=>\"0.7\", \"width\"=>200, \"height\"=>200, \"crop\"=>\"thumb\"))","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"java","framework":"java","language":"java","rawCodeSnippet":"cloudinary.url().transformation(new Transformation().gravity(\"face\").zoom(0.7).width(200).height(200).crop(\"thumb\")).imageTag(\"lady.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().gravity(\"face\").zoom(0.7).width(200).height(200).crop(\"thumb\")).imageTag(\"lady.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"lady.jpg\", :gravity=>\"face\", :zoom=>0.7, :width=>200, :height=>200, :crop=>\"thumb\")","codeSnippet":"cl_image_tag(\"lady.jpg\", :gravity=>\"face\", :zoom=>0.7, :width=>200, :height=>200, :crop=>\"thumb\")","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Gravity(\"face\").Zoom(0.7).Width(200).Height(200).Crop(\"thumb\")).BuildImageTag(\"lady.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Gravity(\"face\").Zoom(0.7).Width(200).Height(200).Crop(\"thumb\")).BuildImageTag(\"lady.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(200)\n.height(200)\n.zoom(0.7)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t));","codeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(200)\n.height(200)\n.zoom(0.7)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t));","status":0,"statusText":"Ok","displayName":"Dart","packageName":"cloudinary_dart","packageStatus":"","packageVersion":"0.x"},{"sdkId":"swift","framework":"swift","language":"swift","rawCodeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setGravity(\"face\").setZoom(0.7).setWidth(200).setHeight(200).setCrop(\"thumb\")).generate(\"lady.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setGravity(\"face\").setZoom(0.7).setWidth(200).setHeight(200).setCrop(\"thumb\")).generate(\"lady.jpg\")!, cloudinary: cloudinary)","status":0,"statusText":"Ok","displayName":"iOS","packageName":"cloudinary","packageStatus":"","packageVersion":"3.x"},{"sdkId":"android","framework":"android","language":"android","rawCodeSnippet":"MediaManager.get().url().transformation(new Transformation().gravity(\"face\").zoom(0.7).width(200).height(200).crop(\"thumb\")).generate(\"lady.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().gravity(\"face\").zoom(0.7).width(200).height(200).crop(\"thumb\")).generate(\"lady.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(200)\n.height(200)\n.zoom(0.7)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t));","codeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(200)\n.height(200)\n.zoom(0.7)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"lady.jpg\")\n\t resize(Resize.thumbnail() { width(200)\n height(200)\n zoom(0.7F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"lady.jpg\")\n\t resize(Resize.thumbnail() { width(200)\n height(200)\n zoom(0.7F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t }) \n}.generate()","status":0,"statusText":"Ok","displayName":"Kotlin","packageName":"kotlin-url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"jquery","framework":"jquery","language":"jquery","rawCodeSnippet":"$.cloudinary.image(\"lady.jpg\", {gravity: \"face\", zoom: \"0.7\", width: 200, height: 200, crop: \"thumb\"})","codeSnippet":"$.cloudinary.image(\"lady.jpg\", {gravity: \"face\", zoom: \"0.7\", width: 200, height: 200, crop: \"thumb\"})","status":0,"statusText":"Ok","displayName":"jQuery","packageName":"cloudinary-jquery","packageStatus":"","packageVersion":"2.x"},{"sdkId":"react_native","framework":"react_native","language":"react_native","rawCodeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .zoom(0.7)\n .gravity(focusOn(face()))\n);","codeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .zoom(0.7)\n .gravity(focusOn(face()))\n);","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.agrosoland.com\/demo\/image\/upload\/c_thumb,g_face,z_0.7,w_200,h_200\/lady.jpg","cloud_name":"demo","host":"res.www.agrosoland.com","type":"upload","resource_type":"image","transformation":[{"crop_mode":"thumb","gravity":"face","zoom":"0.7","width":"200","height":"200"}],"transformation_string":"c_thumb,g_face,z_0.7,w_200,h_200","url_suffix":"","version":"","secure":true,"public_id":"lady.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

减少面部背景并增加图像内面部相对大小,我们可以设置默认值,将缩放度提高至130%缩放参数切换1.3:

<\/Image>","codeSnippet":" \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .zoom(1.3)\n .gravity(focusOn(face()))\n);","codeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .zoom(1.3)\n .gravity(focusOn(face()))\n);","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .zoom(1.3)\n .gravity(focusOn(face()))\n);","codeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .zoom(1.3)\n .gravity(focusOn(face()))\n);","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .zoom(1.3)\n .gravity(focusOn(face()))\n);","codeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .zoom(1.3)\n .gravity(focusOn(face()))\n);","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('lady.jpg', {gravity: \"face\", zoom: \"1.3\", width: 200, height: 200, crop: \"thumb\"}).toHtml();","codeSnippet":"cloudinary.imageTag('lady.jpg', {gravity: \"face\", zoom: \"1.3\", width: 200, height: 200, crop: \"thumb\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"lady.jpg\").image(gravity=\"face\", zoom=\"1.3\", width=200, height=200, crop=\"thumb\")","codeSnippet":"CloudinaryImage(\"lady.jpg\").image(gravity=\"face\", zoom=\"1.3\", width=200, height=200, crop=\"thumb\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('lady.jpg'))\n\t->resize(Resize::thumbnail()->width(200)\n->height(200)\n->zoom(1.3)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t);","codeSnippet":"(new ImageTag('lady.jpg'))\n\t->resize(Resize::thumbnail()->width(200)\n->height(200)\n->zoom(1.3)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t);","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"lady.jpg\", array(\"gravity\"=>\"face\", \"zoom\"=>\"1.3\", \"width\"=>200, \"height\"=>200, \"crop\"=>\"thumb\"))","codeSnippet":"cl_image_tag(\"lady.jpg\", array(\"gravity\"=>\"face\", \"zoom\"=>\"1.3\", \"width\"=>200, \"height\"=>200, \"crop\"=>\"thumb\"))","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"java","framework":"java","language":"java","rawCodeSnippet":"cloudinary.url().transformation(new Transformation().gravity(\"face\").zoom(1.3).width(200).height(200).crop(\"thumb\")).imageTag(\"lady.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().gravity(\"face\").zoom(1.3).width(200).height(200).crop(\"thumb\")).imageTag(\"lady.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"lady.jpg\", :gravity=>\"face\", :zoom=>1.3, :width=>200, :height=>200, :crop=>\"thumb\")","codeSnippet":"cl_image_tag(\"lady.jpg\", :gravity=>\"face\", :zoom=>1.3, :width=>200, :height=>200, :crop=>\"thumb\")","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Gravity(\"face\").Zoom(1.3).Width(200).Height(200).Crop(\"thumb\")).BuildImageTag(\"lady.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Gravity(\"face\").Zoom(1.3).Width(200).Height(200).Crop(\"thumb\")).BuildImageTag(\"lady.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(200)\n.height(200)\n.zoom(1.3)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t));","codeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(200)\n.height(200)\n.zoom(1.3)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t));","status":0,"statusText":"Ok","displayName":"Dart","packageName":"cloudinary_dart","packageStatus":"","packageVersion":"0.x"},{"sdkId":"swift","framework":"swift","language":"swift","rawCodeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setGravity(\"face\").setZoom(1.3).setWidth(200).setHeight(200).setCrop(\"thumb\")).generate(\"lady.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setGravity(\"face\").setZoom(1.3).setWidth(200).setHeight(200).setCrop(\"thumb\")).generate(\"lady.jpg\")!, cloudinary: cloudinary)","status":0,"statusText":"Ok","displayName":"iOS","packageName":"cloudinary","packageStatus":"","packageVersion":"3.x"},{"sdkId":"android","framework":"android","language":"android","rawCodeSnippet":"MediaManager.get().url().transformation(new Transformation().gravity(\"face\").zoom(1.3).width(200).height(200).crop(\"thumb\")).generate(\"lady.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().gravity(\"face\").zoom(1.3).width(200).height(200).crop(\"thumb\")).generate(\"lady.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(200)\n.height(200)\n.zoom(1.3)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t));","codeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(200)\n.height(200)\n.zoom(1.3)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"lady.jpg\")\n\t resize(Resize.thumbnail() { width(200)\n height(200)\n zoom(1.3F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"lady.jpg\")\n\t resize(Resize.thumbnail() { width(200)\n height(200)\n zoom(1.3F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t }) \n}.generate()","status":0,"statusText":"Ok","displayName":"Kotlin","packageName":"kotlin-url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"jquery","framework":"jquery","language":"jquery","rawCodeSnippet":"$.cloudinary.image(\"lady.jpg\", {gravity: \"face\", zoom: \"1.3\", width: 200, height: 200, crop: \"thumb\"})","codeSnippet":"$.cloudinary.image(\"lady.jpg\", {gravity: \"face\", zoom: \"1.3\", width: 200, height: 200, crop: \"thumb\"})","status":0,"statusText":"Ok","displayName":"jQuery","packageName":"cloudinary-jquery","packageStatus":"","packageVersion":"2.x"},{"sdkId":"react_native","framework":"react_native","language":"react_native","rawCodeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .zoom(1.3)\n .gravity(focusOn(face()))\n);","codeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(\n thumbnail()\n .width(200)\n .height(200)\n .zoom(1.3)\n .gravity(focusOn(face()))\n);","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.agrosoland.com\/demo\/image\/upload\/c_thumb,g_face,z_1.3,w_200,h_200\/lady.jpg","cloud_name":"demo","host":"res.www.agrosoland.com","type":"upload","resource_type":"image","transformation":[{"crop_mode":"thumb","gravity":"face","zoom":"1.3","width":"200","height":"200"}],"transformation_string":"c_thumb,g_face,z_1.3,w_200,h_200","url_suffix":"","version":"","secure":true,"public_id":"lady.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

下示例显示缩放参数与裁剪模式化模式用于从原图像提取段数,同时保留图形大小并加重力参数集脸部裁剪将取出图像集中到图像中检测到的面孔上上头缩放参数现在将判定提取图像的维度,当缩放值小于1.0时产生大图像,当缩放值大于1.0时产生小图像,或当缩放值大于1.0时产生小图像。

URL动态裁剪图仅显示默认缩放层检测到的面孔

<\/Image>","codeSnippet":" \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop().gravity(focusOn(faces()))\n);","codeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop().gravity(focusOn(faces()))\n);","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop().gravity(focusOn(faces()))\n);","codeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop().gravity(focusOn(faces()))\n);","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop().gravity(focusOn(faces()))\n);","codeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop().gravity(focusOn(faces()))\n);","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('young_couple.jpg', {gravity: \"faces\", crop: \"crop\"}).toHtml();","codeSnippet":"cloudinary.imageTag('young_couple.jpg', {gravity: \"faces\", crop: \"crop\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"young_couple.jpg\").image(gravity=\"faces\", crop=\"crop\")","codeSnippet":"CloudinaryImage(\"young_couple.jpg\").image(gravity=\"faces\", crop=\"crop\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('young_couple.jpg'))\n\t->resize(Resize::crop()\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::faces()))\n\t);","codeSnippet":"(new ImageTag('young_couple.jpg'))\n\t->resize(Resize::crop()\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::faces()))\n\t);","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"young_couple.jpg\", array(\"gravity\"=>\"faces\", \"crop\"=>\"crop\"))","codeSnippet":"cl_image_tag(\"young_couple.jpg\", array(\"gravity\"=>\"faces\", \"crop\"=>\"crop\"))","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"java","framework":"java","language":"java","rawCodeSnippet":"cloudinary.url().transformation(new Transformation().gravity(\"faces\").crop(\"crop\")).imageTag(\"young_couple.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().gravity(\"faces\").crop(\"crop\")).imageTag(\"young_couple.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"young_couple.jpg\", :gravity=>\"faces\", :crop=>\"crop\")","codeSnippet":"cl_image_tag(\"young_couple.jpg\", :gravity=>\"faces\", :crop=>\"crop\")","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Gravity(\"faces\").Crop(\"crop\")).BuildImageTag(\"young_couple.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Gravity(\"faces\").Crop(\"crop\")).BuildImageTag(\"young_couple.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('young_couple.jpg').transformation(Transformation()\n\t.resize(Resize.crop()\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t));","codeSnippet":"cloudinary.image('young_couple.jpg').transformation(Transformation()\n\t.resize(Resize.crop()\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t));","status":0,"statusText":"Ok","displayName":"Dart","packageName":"cloudinary_dart","packageStatus":"","packageVersion":"0.x"},{"sdkId":"swift","framework":"swift","language":"swift","rawCodeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setGravity(\"faces\").setCrop(\"crop\")).generate(\"young_couple.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setGravity(\"faces\").setCrop(\"crop\")).generate(\"young_couple.jpg\")!, cloudinary: cloudinary)","status":0,"statusText":"Ok","displayName":"iOS","packageName":"cloudinary","packageStatus":"","packageVersion":"3.x"},{"sdkId":"android","framework":"android","language":"android","rawCodeSnippet":"MediaManager.get().url().transformation(new Transformation().gravity(\"faces\").crop(\"crop\")).generate(\"young_couple.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().gravity(\"faces\").crop(\"crop\")).generate(\"young_couple.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('young_couple.jpg').transformation(Transformation()\n\t.resize(Resize.crop()\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t));","codeSnippet":"cloudinary.image('young_couple.jpg').transformation(Transformation()\n\t.resize(Resize.crop()\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"young_couple.jpg\")\n\t resize(Resize.crop() {\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"young_couple.jpg\")\n\t resize(Resize.crop() {\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t }) \n}.generate()","status":0,"statusText":"Ok","displayName":"Kotlin","packageName":"kotlin-url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"jquery","framework":"jquery","language":"jquery","rawCodeSnippet":"$.cloudinary.image(\"young_couple.jpg\", {gravity: \"faces\", crop: \"crop\"})","codeSnippet":"$.cloudinary.image(\"young_couple.jpg\", {gravity: \"faces\", crop: \"crop\"})","status":0,"statusText":"Ok","displayName":"jQuery","packageName":"cloudinary-jquery","packageStatus":"","packageVersion":"2.x"},{"sdkId":"react_native","framework":"react_native","language":"react_native","rawCodeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop().gravity(focusOn(faces()))\n);","codeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop().gravity(focusOn(faces()))\n);","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.agrosoland.com\/demo\/image\/upload\/c_crop,g_faces\/young_couple.jpg","cloud_name":"demo","host":"res.www.agrosoland.com","type":"upload","resource_type":"image","transformation":[{"crop_mode":"crop","gravity":"faces"}],"transformation_string":"c_crop,g_faces","url_suffix":"","version":"","secure":true,"public_id":"young_couple.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

增加面部背景并增加生成图像的大小,通过设置默认值的75%,我们可以将缩放水平降为缩放值缩放参数切换0.75:

<\/Image>","codeSnippet":" \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop()\n .zoom(0.75)\n .gravity(focusOn(faces()))\n);","codeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop()\n .zoom(0.75)\n .gravity(focusOn(faces()))\n);","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop()\n .zoom(0.75)\n .gravity(focusOn(faces()))\n);","codeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop()\n .zoom(0.75)\n .gravity(focusOn(faces()))\n);","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop()\n .zoom(0.75)\n .gravity(focusOn(faces()))\n);","codeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop()\n .zoom(0.75)\n .gravity(focusOn(faces()))\n);","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('young_couple.jpg', {gravity: \"faces\", zoom: \"0.75\", crop: \"crop\"}).toHtml();","codeSnippet":"cloudinary.imageTag('young_couple.jpg', {gravity: \"faces\", zoom: \"0.75\", crop: \"crop\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"young_couple.jpg\").image(gravity=\"faces\", zoom=\"0.75\", crop=\"crop\")","codeSnippet":"CloudinaryImage(\"young_couple.jpg\").image(gravity=\"faces\", zoom=\"0.75\", crop=\"crop\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('young_couple.jpg'))\n\t->resize(Resize::crop()->zoom(0.75)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::faces()))\n\t);","codeSnippet":"(new ImageTag('young_couple.jpg'))\n\t->resize(Resize::crop()->zoom(0.75)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::faces()))\n\t);","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"young_couple.jpg\", array(\"gravity\"=>\"faces\", \"zoom\"=>\"0.75\", \"crop\"=>\"crop\"))","codeSnippet":"cl_image_tag(\"young_couple.jpg\", array(\"gravity\"=>\"faces\", \"zoom\"=>\"0.75\", \"crop\"=>\"crop\"))","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"java","framework":"java","language":"java","rawCodeSnippet":"cloudinary.url().transformation(new Transformation().gravity(\"faces\").zoom(0.75).crop(\"crop\")).imageTag(\"young_couple.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().gravity(\"faces\").zoom(0.75).crop(\"crop\")).imageTag(\"young_couple.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"young_couple.jpg\", :gravity=>\"faces\", :zoom=>0.75, :crop=>\"crop\")","codeSnippet":"cl_image_tag(\"young_couple.jpg\", :gravity=>\"faces\", :zoom=>0.75, :crop=>\"crop\")","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Gravity(\"faces\").Zoom(0.75).Crop(\"crop\")).BuildImageTag(\"young_couple.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Gravity(\"faces\").Zoom(0.75).Crop(\"crop\")).BuildImageTag(\"young_couple.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('young_couple.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(0.75)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t));","codeSnippet":"cloudinary.image('young_couple.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(0.75)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t));","status":0,"statusText":"Ok","displayName":"Dart","packageName":"cloudinary_dart","packageStatus":"","packageVersion":"0.x"},{"sdkId":"swift","framework":"swift","language":"swift","rawCodeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setGravity(\"faces\").setZoom(0.75).setCrop(\"crop\")).generate(\"young_couple.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setGravity(\"faces\").setZoom(0.75).setCrop(\"crop\")).generate(\"young_couple.jpg\")!, cloudinary: cloudinary)","status":0,"statusText":"Ok","displayName":"iOS","packageName":"cloudinary","packageStatus":"","packageVersion":"3.x"},{"sdkId":"android","framework":"android","language":"android","rawCodeSnippet":"MediaManager.get().url().transformation(new Transformation().gravity(\"faces\").zoom(0.75).crop(\"crop\")).generate(\"young_couple.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().gravity(\"faces\").zoom(0.75).crop(\"crop\")).generate(\"young_couple.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('young_couple.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(0.75)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t));","codeSnippet":"cloudinary.image('young_couple.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(0.75)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"young_couple.jpg\")\n\t resize(Resize.crop() { zoom(0.75F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"young_couple.jpg\")\n\t resize(Resize.crop() { zoom(0.75F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t }) \n}.generate()","status":0,"statusText":"Ok","displayName":"Kotlin","packageName":"kotlin-url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"jquery","framework":"jquery","language":"jquery","rawCodeSnippet":"$.cloudinary.image(\"young_couple.jpg\", {gravity: \"faces\", zoom: \"0.75\", crop: \"crop\"})","codeSnippet":"$.cloudinary.image(\"young_couple.jpg\", {gravity: \"faces\", zoom: \"0.75\", crop: \"crop\"})","status":0,"statusText":"Ok","displayName":"jQuery","packageName":"cloudinary-jquery","packageStatus":"","packageVersion":"2.x"},{"sdkId":"react_native","framework":"react_native","language":"react_native","rawCodeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop()\n .zoom(0.75)\n .gravity(focusOn(faces()))\n);","codeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop()\n .zoom(0.75)\n .gravity(focusOn(faces()))\n);","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.agrosoland.com\/demo\/image\/upload\/c_crop,g_faces,z_0.75\/young_couple.jpg","cloud_name":"demo","host":"res.www.agrosoland.com","type":"upload","resource_type":"image","transformation":[{"crop_mode":"crop","gravity":"faces","zoom":"0.75"}],"transformation_string":"c_crop,g_faces,z_0.75","url_suffix":"","version":"","secure":true,"public_id":"young_couple.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

减少面部背景并缩放生成图像大小,通过设置默认值,我们可以提高缩放度至150%缩放参数切换1.5:

<\/Image>","codeSnippet":" \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop()\n .zoom(1.5)\n .gravity(focusOn(faces()))\n);","codeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop()\n .zoom(1.5)\n .gravity(focusOn(faces()))\n);","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop()\n .zoom(1.5)\n .gravity(focusOn(faces()))\n);","codeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop()\n .zoom(1.5)\n .gravity(focusOn(faces()))\n);","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop()\n .zoom(1.5)\n .gravity(focusOn(faces()))\n);","codeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop()\n .zoom(1.5)\n .gravity(focusOn(faces()))\n);","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('young_couple.jpg', {gravity: \"faces\", zoom: \"1.5\", crop: \"crop\"}).toHtml();","codeSnippet":"cloudinary.imageTag('young_couple.jpg', {gravity: \"faces\", zoom: \"1.5\", crop: \"crop\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"young_couple.jpg\").image(gravity=\"faces\", zoom=\"1.5\", crop=\"crop\")","codeSnippet":"CloudinaryImage(\"young_couple.jpg\").image(gravity=\"faces\", zoom=\"1.5\", crop=\"crop\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('young_couple.jpg'))\n\t->resize(Resize::crop()->zoom(1.5)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::faces()))\n\t);","codeSnippet":"(new ImageTag('young_couple.jpg'))\n\t->resize(Resize::crop()->zoom(1.5)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::faces()))\n\t);","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"young_couple.jpg\", array(\"gravity\"=>\"faces\", \"zoom\"=>\"1.5\", \"crop\"=>\"crop\"))","codeSnippet":"cl_image_tag(\"young_couple.jpg\", array(\"gravity\"=>\"faces\", \"zoom\"=>\"1.5\", \"crop\"=>\"crop\"))","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"java","framework":"java","language":"java","rawCodeSnippet":"cloudinary.url().transformation(new Transformation().gravity(\"faces\").zoom(1.5).crop(\"crop\")).imageTag(\"young_couple.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().gravity(\"faces\").zoom(1.5).crop(\"crop\")).imageTag(\"young_couple.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"young_couple.jpg\", :gravity=>\"faces\", :zoom=>1.5, :crop=>\"crop\")","codeSnippet":"cl_image_tag(\"young_couple.jpg\", :gravity=>\"faces\", :zoom=>1.5, :crop=>\"crop\")","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Gravity(\"faces\").Zoom(1.5).Crop(\"crop\")).BuildImageTag(\"young_couple.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Gravity(\"faces\").Zoom(1.5).Crop(\"crop\")).BuildImageTag(\"young_couple.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('young_couple.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(1.5)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t));","codeSnippet":"cloudinary.image('young_couple.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(1.5)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t));","status":0,"statusText":"Ok","displayName":"Dart","packageName":"cloudinary_dart","packageStatus":"","packageVersion":"0.x"},{"sdkId":"swift","framework":"swift","language":"swift","rawCodeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setGravity(\"faces\").setZoom(1.5).setCrop(\"crop\")).generate(\"young_couple.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setGravity(\"faces\").setZoom(1.5).setCrop(\"crop\")).generate(\"young_couple.jpg\")!, cloudinary: cloudinary)","status":0,"statusText":"Ok","displayName":"iOS","packageName":"cloudinary","packageStatus":"","packageVersion":"3.x"},{"sdkId":"android","framework":"android","language":"android","rawCodeSnippet":"MediaManager.get().url().transformation(new Transformation().gravity(\"faces\").zoom(1.5).crop(\"crop\")).generate(\"young_couple.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().gravity(\"faces\").zoom(1.5).crop(\"crop\")).generate(\"young_couple.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('young_couple.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(1.5)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t));","codeSnippet":"cloudinary.image('young_couple.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(1.5)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"young_couple.jpg\")\n\t resize(Resize.crop() { zoom(1.5F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"young_couple.jpg\")\n\t resize(Resize.crop() { zoom(1.5F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t }) \n}.generate()","status":0,"statusText":"Ok","displayName":"Kotlin","packageName":"kotlin-url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"jquery","framework":"jquery","language":"jquery","rawCodeSnippet":"$.cloudinary.image(\"young_couple.jpg\", {gravity: \"faces\", zoom: \"1.5\", crop: \"crop\"})","codeSnippet":"$.cloudinary.image(\"young_couple.jpg\", {gravity: \"faces\", zoom: \"1.5\", crop: \"crop\"})","status":0,"statusText":"Ok","displayName":"jQuery","packageName":"cloudinary-jquery","packageStatus":"","packageVersion":"2.x"},{"sdkId":"react_native","framework":"react_native","language":"react_native","rawCodeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop()\n .zoom(1.5)\n .gravity(focusOn(faces()))\n);","codeSnippet":"new CloudinaryImage(\"young_couple.jpg\").resize(\n crop()\n .zoom(1.5)\n .gravity(focusOn(faces()))\n);","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.agrosoland.com\/demo\/image\/upload\/c_crop,g_faces,z_1.5\/young_couple.jpg","cloud_name":"demo","host":"res.www.agrosoland.com","type":"upload","resource_type":"image","transformation":[{"crop_mode":"crop","gravity":"faces","zoom":"1.5"}],"transformation_string":"c_crop,g_faces,z_1.5","url_suffix":"","version":"","secure":true,"public_id":"young_couple.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

URL动态裁剪女士jpg图像只显示面部缩放90%并圆角,并覆盖圆形150x150缩略图young_couple.jpg图像缩放程度75%并重显示离东北角10像素使用fl_laya应用参数允许多变叠加博客文章变换叠加获取更多资讯)

<\/Image>","codeSnippet":" \n\t \n\t \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\"lady.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(face()))\n )\n .roundCorners(byRadius(50))\n .overlay(\n source(\n image(\"young_couple\").transformation(\n new Transformation()\n .resize(\n thumbnail()\n .width(150)\n .height(150)\n .zoom(0.75)\n .gravity(focusOn(faces()))\n )\n .roundCorners(max())\n )\n ).position(\n new Position()\n .gravity(compass(\"north_east\"))\n .offsetX(10)\n .offsetY(10)\n )\n );","codeSnippet":"new CloudinaryImage(\"lady.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(face()))\n )\n .roundCorners(byRadius(50))\n .overlay(\n source(\n image(\"young_couple\").transformation(\n new Transformation()\n .resize(\n thumbnail()\n .width(150)\n .height(150)\n .zoom(0.75)\n .gravity(focusOn(faces()))\n )\n .roundCorners(max())\n )\n ).position(\n new Position()\n .gravity(compass(\"north_east\"))\n .offsetX(10)\n .offsetY(10)\n )\n );","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n\t \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\"lady.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(face()))\n )\n .roundCorners(byRadius(50))\n .overlay(\n source(\n image(\"young_couple\").transformation(\n new Transformation()\n .resize(\n thumbnail()\n .width(150)\n .height(150)\n .zoom(0.75)\n .gravity(focusOn(faces()))\n )\n .roundCorners(max())\n )\n ).position(\n new Position()\n .gravity(compass(\"north_east\"))\n .offsetX(10)\n .offsetY(10)\n )\n );","codeSnippet":"new CloudinaryImage(\"lady.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(face()))\n )\n .roundCorners(byRadius(50))\n .overlay(\n source(\n image(\"young_couple\").transformation(\n new Transformation()\n .resize(\n thumbnail()\n .width(150)\n .height(150)\n .zoom(0.75)\n .gravity(focusOn(faces()))\n )\n .roundCorners(max())\n )\n ).position(\n new Position()\n .gravity(compass(\"north_east\"))\n .offsetX(10)\n .offsetY(10)\n )\n );","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\"lady.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(face()))\n )\n .roundCorners(byRadius(50))\n .overlay(\n source(\n image(\"young_couple\").transformation(\n new Transformation()\n .resize(\n thumbnail()\n .width(150)\n .height(150)\n .zoom(0.75)\n .gravity(focusOn(faces()))\n )\n .roundCorners(max())\n )\n ).position(\n new Position()\n .gravity(compass(\"north_east\"))\n .offsetX(10)\n .offsetY(10)\n )\n );","codeSnippet":"new CloudinaryImage(\"lady.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(face()))\n )\n .roundCorners(byRadius(50))\n .overlay(\n source(\n image(\"young_couple\").transformation(\n new Transformation()\n .resize(\n thumbnail()\n .width(150)\n .height(150)\n .zoom(0.75)\n .gravity(focusOn(faces()))\n )\n .roundCorners(max())\n )\n ).position(\n new Position()\n .gravity(compass(\"north_east\"))\n .offsetX(10)\n .offsetY(10)\n )\n );","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('lady.jpg', {transformation: [ {gravity: \"face\", radius: 50, zoom: \"0.9\", crop: \"crop\"}, {overlay: new cloudinary.Layer().publicId(\"young_couple\"), width: 150, height: 150, radius: \"max\", gravity: \"faces\", zoom: \"0.75\", crop: \"thumb\"}, {flags: \"layer_apply\", gravity: \"north_east\", y: 10, x: 10} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('lady.jpg', {transformation: [\n {gravity: \"face\", radius: 50, zoom: \"0.9\", crop: \"crop\"},\n {overlay: new cloudinary.Layer().publicId(\"young_couple\"), width: 150, height: 150, radius: \"max\", gravity: \"faces\", zoom: \"0.75\", crop: \"thumb\"},\n {flags: \"layer_apply\", gravity: \"north_east\", y: 10, x: 10}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"lady.jpg\").image(transformation=[ {'gravity': \"face\", 'radius': 50, 'zoom': \"0.9\", 'crop': \"crop\"}, {'overlay': \"young_couple\", 'width': 150, 'height': 150, 'radius': \"max\", 'gravity': \"faces\", 'zoom': \"0.75\", 'crop': \"thumb\"}, {'flags': \"layer_apply\", 'gravity': \"north_east\", 'y': 10, 'x': 10} ])","codeSnippet":"CloudinaryImage(\"lady.jpg\").image(transformation=[\n {'gravity': \"face\", 'radius': 50, 'zoom': \"0.9\", 'crop': \"crop\"},\n {'overlay': \"young_couple\", 'width': 150, 'height': 150, 'radius': \"max\", 'gravity': \"faces\", 'zoom': \"0.75\", 'crop': \"thumb\"},\n {'flags': \"layer_apply\", 'gravity': \"north_east\", 'y': 10, 'x': 10}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('lady.jpg'))\n\t->resize(Resize::crop()->zoom(0.9)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t)\n\t->roundCorners(RoundCorners::byRadius(50))\n\t->overlay(Overlay::source(\n\tSource::image(\"young_couple\")\n\t->transformation((new Transformation())\n\t->resize(Resize::thumbnail()->width(150)\n->height(150)\n->zoom(0.75)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::faces()))\n\t)\n\t->roundCorners(RoundCorners::max()))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::northEast()))\n->offsetX(10)\n->offsetY(10))\n\t);","codeSnippet":"(new ImageTag('lady.jpg'))\n\t->resize(Resize::crop()->zoom(0.9)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t)\n\t->roundCorners(RoundCorners::byRadius(50))\n\t->overlay(Overlay::source(\n\tSource::image(\"young_couple\")\n\t->transformation((new Transformation())\n\t->resize(Resize::thumbnail()->width(150)\n->height(150)\n->zoom(0.75)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::faces()))\n\t)\n\t->roundCorners(RoundCorners::max()))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::northEast()))\n->offsetX(10)\n->offsetY(10))\n\t);","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"lady.jpg\", array(\"transformation\"=>array( array(\"gravity\"=>\"face\", \"radius\"=>50, \"zoom\"=>\"0.9\", \"crop\"=>\"crop\"), array(\"overlay\"=>\"young_couple\", \"width\"=>150, \"height\"=>150, \"radius\"=>\"max\", \"gravity\"=>\"faces\", \"zoom\"=>\"0.75\", \"crop\"=>\"thumb\"), array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"north_east\", \"y\"=>10, \"x\"=>10) )))","codeSnippet":"cl_image_tag(\"lady.jpg\", array(\"transformation\"=>array(\n array(\"gravity\"=>\"face\", \"radius\"=>50, \"zoom\"=>\"0.9\", \"crop\"=>\"crop\"),\n array(\"overlay\"=>\"young_couple\", \"width\"=>150, \"height\"=>150, \"radius\"=>\"max\", \"gravity\"=>\"faces\", \"zoom\"=>\"0.75\", \"crop\"=>\"thumb\"),\n array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"north_east\", \"y\"=>10, \"x\"=>10)\n )))","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"java","framework":"java","language":"java","rawCodeSnippet":"cloudinary.url().transformation(new Transformation().gravity(\"face\").radius(50).zoom(0.9).crop(\"crop\").chain() .overlay(new Layer().publicId(\"young_couple\")).width(150).height(150).radius(\"max\").gravity(\"faces\").zoom(0.75).crop(\"thumb\").chain() .flags(\"layer_apply\").gravity(\"north_east\").y(10).x(10)).imageTag(\"lady.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .gravity(\"face\").radius(50).zoom(0.9).crop(\"crop\").chain()\n .overlay(new Layer().publicId(\"young_couple\")).width(150).height(150).radius(\"max\").gravity(\"faces\").zoom(0.75).crop(\"thumb\").chain()\n .flags(\"layer_apply\").gravity(\"north_east\").y(10).x(10)).imageTag(\"lady.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"lady.jpg\", :transformation=>[ {:gravity=>\"face\", :radius=>50, :zoom=>0.9, :crop=>\"crop\"}, {:overlay=>\"young_couple\", :width=>150, :height=>150, :radius=>\"max\", :gravity=>\"faces\", :zoom=>0.75, :crop=>\"thumb\"}, {:flags=>\"layer_apply\", :gravity=>\"north_east\", :y=>10, :x=>10} ])","codeSnippet":"cl_image_tag(\"lady.jpg\", :transformation=>[\n {:gravity=>\"face\", :radius=>50, :zoom=>0.9, :crop=>\"crop\"},\n {:overlay=>\"young_couple\", :width=>150, :height=>150, :radius=>\"max\", :gravity=>\"faces\", :zoom=>0.75, :crop=>\"thumb\"},\n {:flags=>\"layer_apply\", :gravity=>\"north_east\", :y=>10, :x=>10}\n ])","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Gravity(\"face\").Radius(50).Zoom(0.9).Crop(\"crop\").Chain() .Overlay(new Layer().PublicId(\"young_couple\")).Width(150).Height(150).Radius(\"max\").Gravity(\"faces\").Zoom(0.75).Crop(\"thumb\").Chain() .Flags(\"layer_apply\").Gravity(\"north_east\").Y(10).X(10)).BuildImageTag(\"lady.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Gravity(\"face\").Radius(50).Zoom(0.9).Crop(\"crop\").Chain()\n .Overlay(new Layer().PublicId(\"young_couple\")).Width(150).Height(150).Radius(\"max\").Gravity(\"faces\").Zoom(0.75).Crop(\"thumb\").Chain()\n .Flags(\"layer_apply\").Gravity(\"north_east\").Y(10).X(10)).BuildImageTag(\"lady.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t)\n\t.roundCorners(RoundCorners.byRadius(50))\n\t.overlay(Overlay.source(\n\tSource.image(\"young_couple\")\n\t.transformation(new Transformation()\n\t.resize(Resize.thumbnail().width(150)\n.height(150)\n.zoom(0.75)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t)\n\t.roundCorners(RoundCorners.max()))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.northEast()))\n.offsetX(10)\n.offsetY(10))\n\t));","codeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t)\n\t.roundCorners(RoundCorners.byRadius(50))\n\t.overlay(Overlay.source(\n\tSource.image(\"young_couple\")\n\t.transformation(new Transformation()\n\t.resize(Resize.thumbnail().width(150)\n.height(150)\n.zoom(0.75)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t)\n\t.roundCorners(RoundCorners.max()))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.northEast()))\n.offsetX(10)\n.offsetY(10))\n\t));","status":0,"statusText":"Ok","displayName":"Dart","packageName":"cloudinary_dart","packageStatus":"","packageVersion":"0.x"},{"sdkId":"swift","framework":"swift","language":"swift","rawCodeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setGravity(\"face\").setRadius(50).setZoom(0.9).setCrop(\"crop\").chain() .setOverlay(\"young_couple\").setWidth(150).setHeight(150).setRadius(\"max\").setGravity(\"faces\").setZoom(0.75).setCrop(\"thumb\").chain() .setFlags(\"layer_apply\").setGravity(\"north_east\").setY(10).setX(10)).generate(\"lady.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setGravity(\"face\").setRadius(50).setZoom(0.9).setCrop(\"crop\").chain()\n .setOverlay(\"young_couple\").setWidth(150).setHeight(150).setRadius(\"max\").setGravity(\"faces\").setZoom(0.75).setCrop(\"thumb\").chain()\n .setFlags(\"layer_apply\").setGravity(\"north_east\").setY(10).setX(10)).generate(\"lady.jpg\")!, cloudinary: cloudinary)","status":0,"statusText":"Ok","displayName":"iOS","packageName":"cloudinary","packageStatus":"","packageVersion":"3.x"},{"sdkId":"android","framework":"android","language":"android","rawCodeSnippet":"MediaManager.get().url().transformation(new Transformation().gravity(\"face\").radius(50).zoom(0.9).crop(\"crop\").chain() .overlay(new Layer().publicId(\"young_couple\")).width(150).height(150).radius(\"max\").gravity(\"faces\").zoom(0.75).crop(\"thumb\").chain() .flags(\"layer_apply\").gravity(\"north_east\").y(10).x(10)).generate(\"lady.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .gravity(\"face\").radius(50).zoom(0.9).crop(\"crop\").chain()\n .overlay(new Layer().publicId(\"young_couple\")).width(150).height(150).radius(\"max\").gravity(\"faces\").zoom(0.75).crop(\"thumb\").chain()\n .flags(\"layer_apply\").gravity(\"north_east\").y(10).x(10)).generate(\"lady.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.addTransformation(\"c_crop,g_face,r_50,z_0.9\/l_young_couple,w_150,h_150,c_thumb,r_max,g_faces,z_0.75\/fl_layer_apply,g_north_east,y_10,x_10\"));","codeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.addTransformation(\"c_crop,g_face,r_50,z_0.9\/l_young_couple,w_150,h_150,c_thumb,r_max,g_faces,z_0.75\/fl_layer_apply,g_north_east,y_10,x_10\"));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"lady.jpg\")\n\t resize(Resize.crop() { zoom(0.9F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t })\n\t roundCorners(RoundCorners.byRadius(50))\n\t overlay(Overlay.source(\n\tSource.image(\"young_couple\") {\n\t transformation(Transformation {\n\t resize(Resize.thumbnail() { width(150)\n height(150)\n zoom(0.75F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t })\n\t roundCorners(RoundCorners.max()) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.northEast()))\n offsetX(10)\n offsetY(10) })\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"lady.jpg\")\n\t resize(Resize.crop() { zoom(0.9F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t })\n\t roundCorners(RoundCorners.byRadius(50))\n\t overlay(Overlay.source(\n\tSource.image(\"young_couple\") {\n\t transformation(Transformation {\n\t resize(Resize.thumbnail() { width(150)\n height(150)\n zoom(0.75F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t })\n\t roundCorners(RoundCorners.max()) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.northEast()))\n offsetX(10)\n offsetY(10) })\n\t }) \n}.generate()","status":0,"statusText":"Ok","displayName":"Kotlin","packageName":"kotlin-url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"jquery","framework":"jquery","language":"jquery","rawCodeSnippet":"$.cloudinary.image(\"lady.jpg\", {transformation: [ {gravity: \"face\", radius: 50, zoom: \"0.9\", crop: \"crop\"}, {overlay: new cloudinary.Layer().publicId(\"young_couple\"), width: 150, height: 150, radius: \"max\", gravity: \"faces\", zoom: \"0.75\", crop: \"thumb\"}, {flags: \"layer_apply\", gravity: \"north_east\", y: 10, x: 10} ]})","codeSnippet":"$.cloudinary.image(\"lady.jpg\", {transformation: [\n {gravity: \"face\", radius: 50, zoom: \"0.9\", crop: \"crop\"},\n {overlay: new cloudinary.Layer().publicId(\"young_couple\"), width: 150, height: 150, radius: \"max\", gravity: \"faces\", zoom: \"0.75\", crop: \"thumb\"},\n {flags: \"layer_apply\", gravity: \"north_east\", y: 10, x: 10}\n ]})","status":0,"statusText":"Ok","displayName":"jQuery","packageName":"cloudinary-jquery","packageStatus":"","packageVersion":"2.x"},{"sdkId":"react_native","framework":"react_native","language":"react_native","rawCodeSnippet":"new CloudinaryImage(\"lady.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(face()))\n )\n .roundCorners(byRadius(50))\n .overlay(\n source(\n image(\"young_couple\").transformation(\n new Transformation()\n .resize(\n thumbnail()\n .width(150)\n .height(150)\n .zoom(0.75)\n .gravity(focusOn(faces()))\n )\n .roundCorners(max())\n )\n ).position(\n new Position()\n .gravity(compass(\"north_east\"))\n .offsetX(10)\n .offsetY(10)\n )\n );","codeSnippet":"new CloudinaryImage(\"lady.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(face()))\n )\n .roundCorners(byRadius(50))\n .overlay(\n source(\n image(\"young_couple\").transformation(\n new Transformation()\n .resize(\n thumbnail()\n .width(150)\n .height(150)\n .zoom(0.75)\n .gravity(focusOn(faces()))\n )\n .roundCorners(max())\n )\n ).position(\n new Position()\n .gravity(compass(\"north_east\"))\n .offsetX(10)\n .offsetY(10)\n )\n );","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.agrosoland.com\/demo\/image\/upload\/c_crop,g_face,r_50,z_0.9\/l_young_couple,w_150,h_150,c_thumb,r_max,g_faces,z_0.75\/fl_layer_apply,g_north_east,y_10,x_10\/lady.jpg","cloud_name":"demo","host":"res.www.agrosoland.com","type":"upload","resource_type":"image","transformation":[{"crop_mode":"crop","gravity":"face","radius":"50","zoom":"0.9"},{"overlay":"young_couple","width":"150","height":"150","crop_mode":"thumb","radius":"max","gravity":"faces","zoom":"0.75"},{"flags":"layer_apply","gravity":"north_east","y":"10","x":"10"}],"transformation_string":"c_crop,g_face,r_50,z_0.9\/l_young_couple,w_150,h_150,c_thumb,r_max,g_faces,z_0.75\/fl_layer_apply,g_north_east,y_10,x_10","url_suffix":"","version":"","secure":true,"public_id":"lady.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

上例显示 云形图像变换也可以应用到交付图像中

自动裁剪图像以聚焦检测到脸部时,缩放参数用于控制脸部保留多少原图像,并是一种强大的修改用户生成内容并规范化以匹配网站图形设计风格的方法

新建缩放功能可供所有免费付费计划使用万一你没有云型账号 欢迎你注册免费账号并试出