智能裁剪、智能质量选择和自动化响应图像

每一图像都独一无二 网站访问者也是如此在一个完美世界中,我们将图像适配所有用户,即完美裁剪响应性维度、正确编码设置和最适当格式最优质量

例子见猫相片

云化适配优化图像以通过自动化适应所有装置和浏览器,向图像URL添加参数(橙色下方):

<\/Image>","codeSnippet":" \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(\"white_cat.jpg\")\n .resize(\n fill()\n .aspectRatio(\"4:6\")\n .gravity(autoGravity())\n )\n .delivery(format(auto()))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"white_cat.jpg\")\n .resize(\n fill()\n .aspectRatio(\"4:6\")\n .gravity(autoGravity())\n )\n .delivery(format(auto()))\n .delivery(quality(auto()));","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<\/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(\"white_cat.jpg\")\n .resize(\n fill()\n .aspectRatio(\"4:6\")\n .gravity(autoGravity())\n )\n .delivery(format(auto()))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"white_cat.jpg\")\n .resize(\n fill()\n .aspectRatio(\"4:6\")\n .gravity(autoGravity())\n )\n .delivery(format(auto()))\n .delivery(quality(auto()));","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-image>","codeSnippet":" \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(\"white_cat.jpg\")\n .resize(\n fill()\n .aspectRatio(\"4:6\")\n .gravity(autoGravity())\n )\n .delivery(format(auto()))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"white_cat.jpg\")\n .resize(\n fill()\n .aspectRatio(\"4:6\")\n .gravity(autoGravity())\n )\n .delivery(format(auto()))\n .delivery(quality(auto()));","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('white_cat.jpg', {transformation: [ {aspectRatio: \"4:6\", gravity: \"auto\", crop: \"fill\"}, {quality: \"auto\", fetchFormat: \"auto\"} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('white_cat.jpg', {transformation: [\n {aspectRatio: \"4:6\", gravity: \"auto\", crop: \"fill\"},\n {quality: \"auto\", fetchFormat: \"auto\"}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"white_cat.jpg\").image(transformation=[ {'aspect_ratio': \"4:6\", 'gravity': \"auto\", 'crop': \"fill\"}, {'quality': \"auto\", 'fetch_format': \"auto\"} ])","codeSnippet":"CloudinaryImage(\"white_cat.jpg\").image(transformation=[\n {'aspect_ratio': \"4:6\", 'gravity': \"auto\", 'crop': \"fill\"},\n {'quality': \"auto\", 'fetch_format': \"auto\"}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('white_cat.jpg'))\n\t->resize(Resize::fill()->aspectRatio(\"4:6\")\n\t->gravity(\n\tGravity::autoGravity())\n\t)\n\t->delivery(Delivery::format(\n\tFormat::auto()))\n\t->delivery(Delivery::quality(\n\tQuality::auto()));","codeSnippet":"(new ImageTag('white_cat.jpg'))\n\t->resize(Resize::fill()->aspectRatio(\"4:6\")\n\t->gravity(\n\tGravity::autoGravity())\n\t)\n\t->delivery(Delivery::format(\n\tFormat::auto()))\n\t->delivery(Delivery::quality(\n\tQuality::auto()));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"white_cat.jpg\", array(\"transformation\"=>array( array(\"aspect_ratio\"=>\"4:6\", \"gravity\"=>\"auto\", \"crop\"=>\"fill\"), array(\"quality\"=>\"auto\", \"fetch_format\"=>\"auto\") )))","codeSnippet":"cl_image_tag(\"white_cat.jpg\", array(\"transformation\"=>array(\n array(\"aspect_ratio\"=>\"4:6\", \"gravity\"=>\"auto\", \"crop\"=>\"fill\"),\n array(\"quality\"=>\"auto\", \"fetch_format\"=>\"auto\")\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().aspectRatio(\"4:6\").gravity(\"auto\").crop(\"fill\").chain() .quality(\"auto\").fetchFormat(\"auto\")).imageTag(\"white_cat.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .aspectRatio(\"4:6\").gravity(\"auto\").crop(\"fill\").chain()\n .quality(\"auto\").fetchFormat(\"auto\")).imageTag(\"white_cat.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"white_cat.jpg\", :transformation=>[ {:aspect_ratio=>\"4:6\", :gravity=>\"auto\", :crop=>\"fill\"}, {:quality=>\"auto\", :fetch_format=>:auto} ])","codeSnippet":"cl_image_tag(\"white_cat.jpg\", :transformation=>[\n {:aspect_ratio=>\"4:6\", :gravity=>\"auto\", :crop=>\"fill\"},\n {:quality=>\"auto\", :fetch_format=>:auto}\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().AspectRatio(\"4:6\").Gravity(\"auto\").Crop(\"fill\").Chain() .Quality(\"auto\").FetchFormat(\"auto\")).BuildImageTag(\"white_cat.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .AspectRatio(\"4:6\").Gravity(\"auto\").Crop(\"fill\").Chain()\n .Quality(\"auto\").FetchFormat(\"auto\")).BuildImageTag(\"white_cat.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('white_cat.jpg').transformation(Transformation()\n\t.resize(Resize.fill().aspectRatio(\"4:6\")\n\t.gravity(\n\tGravity.autoGravity())\n\t)\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","codeSnippet":"cloudinary.image('white_cat.jpg').transformation(Transformation()\n\t.resize(Resize.fill().aspectRatio(\"4:6\")\n\t.gravity(\n\tGravity.autoGravity())\n\t)\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","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().setAspectRatio(\"4:6\").setGravity(\"auto\").setCrop(\"fill\").chain() .setQuality(\"auto\").setFetchFormat(\"auto\")).generate(\"white_cat.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setAspectRatio(\"4:6\").setGravity(\"auto\").setCrop(\"fill\").chain()\n .setQuality(\"auto\").setFetchFormat(\"auto\")).generate(\"white_cat.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().aspectRatio(\"4:6\").gravity(\"auto\").crop(\"fill\").chain() .quality(\"auto\").fetchFormat(\"auto\")).generate(\"white_cat.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .aspectRatio(\"4:6\").gravity(\"auto\").crop(\"fill\").chain()\n .quality(\"auto\").fetchFormat(\"auto\")).generate(\"white_cat.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('white_cat.jpg').transformation(Transformation()\n\t.resize(Resize.fill().aspectRatio(\"4:6\")\n\t.gravity(\n\tGravity.autoGravity())\n\t)\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","codeSnippet":"cloudinary.image('white_cat.jpg').transformation(Transformation()\n\t.resize(Resize.fill().aspectRatio(\"4:6\")\n\t.gravity(\n\tGravity.autoGravity())\n\t)\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"white_cat.jpg\")\n\t resize(Resize.fill() { aspectRatio(\"4:6\")\n\t gravity(\n\tGravity.autoGravity())\n\t })\n\t delivery(Delivery.format(\n\tFormat.auto()))\n\t delivery(Delivery.quality(\n\tQuality.auto())) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"white_cat.jpg\")\n\t resize(Resize.fill() { aspectRatio(\"4:6\")\n\t gravity(\n\tGravity.autoGravity())\n\t })\n\t delivery(Delivery.format(\n\tFormat.auto()))\n\t delivery(Delivery.quality(\n\tQuality.auto())) \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(\"white_cat.jpg\", {transformation: [ {aspect_ratio: \"4:6\", gravity: \"auto\", crop: \"fill\"}, {quality: \"auto\", fetch_format: \"auto\"} ]})","codeSnippet":"$.cloudinary.image(\"white_cat.jpg\", {transformation: [\n {aspect_ratio: \"4:6\", gravity: \"auto\", crop: \"fill\"},\n {quality: \"auto\", fetch_format: \"auto\"}\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(\"white_cat.jpg\")\n .resize(\n fill()\n .aspectRatio(\"4:6\")\n .gravity(autoGravity())\n )\n .delivery(format(auto()))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"white_cat.jpg\")\n .resize(\n fill()\n .aspectRatio(\"4:6\")\n .gravity(autoGravity())\n )\n .delivery(format(auto()))\n .delivery(quality(auto()));","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/upload\/c_fill,ar_4:6,g_auto\/q_auto,f_auto\/white_cat.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"crop_mode":"fill","aspect_ratio":"4:6","gravity":"auto"},{"quality":"auto","format":"auto"}],"transformation_string":"c_fill,ar_4:6,g_auto\/q_auto,f_auto","url_suffix":"","version":"","secure":true,"public_id":"white_cat.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

左侧图像 标准作物交付 标准JPEG原创2千分高度大537-KB文件.相形之下,右侧图像完全裁剪并交付优化170-KBWEPChrome带宽节减69%通过选取一个带宽甚至可以省下更多带宽提供响应布局解决方案说明见下文各节

以图像逐行和用户逐行最优交付是一项挑战。文件格式、视觉算法和浏览器行为等复杂问题需要相当多知识挑战以惊人比例展开,如果您必须缩放数不胜数上传到网站和移动应用图象自动化是终极答案

云管理全局开发者为开发者创建的图像管理解决方案,旨在消除管理Web和移动应用图像所需的研发时间2016年宣布状态后实现一个重大里程碑图像解析.

开发者必须常创建完全图像裁剪,以最重要的区域为重点,先确定最优文件格式和编码器设置,以最小字节数表示内容意指生成多变量 图像在不同分辨率 响应传递 各种设备

云自自动化解析图像过程 以内容感知和上下文感知方式转换图像即对每一高分辨率用户加载图像

1. 实时调适以聚焦于它最重要的区域
2. 动态选择并整合最优质量编码设置
3. 响应性交付图像到任何分辨率或像素密度中的任何设备

进一步简化开发者生活有以下关键图像转换交付任务

• AI和Sariense自动化裁剪:g_aut
• 内容认知编码:q_aut
• 动态格式选择:f_aut
• 自动响应图像:w_aut并dpr_aut

简单上下放大图片网站, 特别是响应性图像通常不切合常时,你必须裁剪图像以适应设备布局、分辨率和侧比,同时突出图像内的重要区域手动做所有不切实际内容, 特别是应用包含大用户生成内容和动态响应布局裁剪图像默认方式,即聚焦图像中心可导致重要内容丢失

可裁剪图片云检测能力, 但如果你想聚焦不止面部或图像主体为产品、食品或宠物呢?输入云性自动化裁剪特征通过基于AI算法和显性算法组合自动检测图像感兴趣区域,然后用动态URL成片飞翔以适应网站设计和布局

上传相片必须放入三大网页:一页风景模式(例如800x200),一页画像模式(例如300x600),一页平方形(例如300x300):

标准中心裁剪产生问题结果,

设置重力图像剪切参数汽车或添加g_autURL生成最优裁剪,全显示猫

<\/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(\"sofa_cat.jpg\").resize(\n fill()\n .width(300)\n .height(600)\n .gravity(autoGravity())\n);","codeSnippet":"new CloudinaryImage(\"sofa_cat.jpg\").resize(\n fill()\n .width(300)\n .height(600)\n .gravity(autoGravity())\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(\"sofa_cat.jpg\").resize(\n fill()\n .width(300)\n .height(600)\n .gravity(autoGravity())\n);","codeSnippet":"new CloudinaryImage(\"sofa_cat.jpg\").resize(\n fill()\n .width(300)\n .height(600)\n .gravity(autoGravity())\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(\"sofa_cat.jpg\").resize(\n fill()\n .width(300)\n .height(600)\n .gravity(autoGravity())\n);","codeSnippet":"new CloudinaryImage(\"sofa_cat.jpg\").resize(\n fill()\n .width(300)\n .height(600)\n .gravity(autoGravity())\n);","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('sofa_cat.jpg', {width: 300, height: 600, gravity: \"auto\", crop: \"fill\"}).toHtml();","codeSnippet":"cloudinary.imageTag('sofa_cat.jpg', {width: 300, height: 600, gravity: \"auto\", crop: \"fill\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"sofa_cat.jpg\").image(width=300, height=600, gravity=\"auto\", crop=\"fill\")","codeSnippet":"CloudinaryImage(\"sofa_cat.jpg\").image(width=300, height=600, gravity=\"auto\", crop=\"fill\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('sofa_cat.jpg'))\n\t->resize(Resize::fill()->width(300)\n->height(600)\n\t->gravity(\n\tGravity::autoGravity())\n\t);","codeSnippet":"(new ImageTag('sofa_cat.jpg'))\n\t->resize(Resize::fill()->width(300)\n->height(600)\n\t->gravity(\n\tGravity::autoGravity())\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(\"sofa_cat.jpg\", array(\"width\"=>300, \"height\"=>600, \"gravity\"=>\"auto\", \"crop\"=>\"fill\"))","codeSnippet":"cl_image_tag(\"sofa_cat.jpg\", array(\"width\"=>300, \"height\"=>600, \"gravity\"=>\"auto\", \"crop\"=>\"fill\"))","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().width(300).height(600).gravity(\"auto\").crop(\"fill\")).imageTag(\"sofa_cat.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().width(300).height(600).gravity(\"auto\").crop(\"fill\")).imageTag(\"sofa_cat.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"sofa_cat.jpg\", :width=>300, :height=>600, :gravity=>\"auto\", :crop=>\"fill\")","codeSnippet":"cl_image_tag(\"sofa_cat.jpg\", :width=>300, :height=>600, :gravity=>\"auto\", :crop=>\"fill\")","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().Width(300).Height(600).Gravity(\"auto\").Crop(\"fill\")).BuildImageTag(\"sofa_cat.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(300).Height(600).Gravity(\"auto\").Crop(\"fill\")).BuildImageTag(\"sofa_cat.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('sofa_cat.jpg').transformation(Transformation()\n\t.resize(Resize.fill().width(300)\n.height(600)\n\t.gravity(\n\tGravity.autoGravity())\n\t));","codeSnippet":"cloudinary.image('sofa_cat.jpg').transformation(Transformation()\n\t.resize(Resize.fill().width(300)\n.height(600)\n\t.gravity(\n\tGravity.autoGravity())\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().setWidth(300).setHeight(600).setGravity(\"auto\").setCrop(\"fill\")).generate(\"sofa_cat.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(300).setHeight(600).setGravity(\"auto\").setCrop(\"fill\")).generate(\"sofa_cat.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().width(300).height(600).gravity(\"auto\").crop(\"fill\")).generate(\"sofa_cat.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().width(300).height(600).gravity(\"auto\").crop(\"fill\")).generate(\"sofa_cat.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('sofa_cat.jpg').transformation(Transformation()\n\t.resize(Resize.fill().width(300)\n.height(600)\n\t.gravity(\n\tGravity.autoGravity())\n\t));","codeSnippet":"cloudinary.image('sofa_cat.jpg').transformation(Transformation()\n\t.resize(Resize.fill().width(300)\n.height(600)\n\t.gravity(\n\tGravity.autoGravity())\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(\"sofa_cat.jpg\")\n\t resize(Resize.fill() { width(300)\n height(600)\n\t gravity(\n\tGravity.autoGravity())\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"sofa_cat.jpg\")\n\t resize(Resize.fill() { width(300)\n height(600)\n\t gravity(\n\tGravity.autoGravity())\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(\"sofa_cat.jpg\", {width: 300, height: 600, gravity: \"auto\", crop: \"fill\"})","codeSnippet":"$.cloudinary.image(\"sofa_cat.jpg\", {width: 300, height: 600, gravity: \"auto\", crop: \"fill\"})","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(\"sofa_cat.jpg\").resize(\n fill()\n .width(300)\n .height(600)\n .gravity(autoGravity())\n);","codeSnippet":"new CloudinaryImage(\"sofa_cat.jpg\").resize(\n fill()\n .width(300)\n .height(600)\n .gravity(autoGravity())\n);","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/upload\/w_300,h_600,c_fill,g_auto\/sofa_cat.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"width":"300","height":"600","crop_mode":"fill","gravity":"auto"}],"transformation_string":"w_300,h_600,c_fill,g_auto","url_suffix":"","version":"","secure":true,"public_id":"sofa_cat.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

注意云生成上方图像填充裁剪模式,保留尽可能多的原创网站有时偏爱显示缩放缩略图取上传图片

创建300x270缩略图重力至脸部高山市g_face) 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(\"sofa_cat.jpg\").resize(\n thumbnail()\n .width(300)\n .height(270)\n .gravity(focusOn(face()))\n);","codeSnippet":"new CloudinaryImage(\"sofa_cat.jpg\").resize(\n thumbnail()\n .width(300)\n .height(270)\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(\"sofa_cat.jpg\").resize(\n thumbnail()\n .width(300)\n .height(270)\n .gravity(focusOn(face()))\n);","codeSnippet":"new CloudinaryImage(\"sofa_cat.jpg\").resize(\n thumbnail()\n .width(300)\n .height(270)\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(\"sofa_cat.jpg\").resize(\n thumbnail()\n .width(300)\n .height(270)\n .gravity(focusOn(face()))\n);","codeSnippet":"new CloudinaryImage(\"sofa_cat.jpg\").resize(\n thumbnail()\n .width(300)\n .height(270)\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('sofa_cat.jpg', {width: 300, height: 270, gravity: \"face\", crop: \"thumb\"}).toHtml();","codeSnippet":"cloudinary.imageTag('sofa_cat.jpg', {width: 300, height: 270, gravity: \"face\", 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(\"sofa_cat.jpg\").image(width=300, height=270, gravity=\"face\", crop=\"thumb\")","codeSnippet":"CloudinaryImage(\"sofa_cat.jpg\").image(width=300, height=270, gravity=\"face\", 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('sofa_cat.jpg'))\n\t->resize(Resize::thumbnail()->width(300)\n->height(270)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t);","codeSnippet":"(new ImageTag('sofa_cat.jpg'))\n\t->resize(Resize::thumbnail()->width(300)\n->height(270)\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(\"sofa_cat.jpg\", array(\"width\"=>300, \"height\"=>270, \"gravity\"=>\"face\", \"crop\"=>\"thumb\"))","codeSnippet":"cl_image_tag(\"sofa_cat.jpg\", array(\"width\"=>300, \"height\"=>270, \"gravity\"=>\"face\", \"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().width(300).height(270).gravity(\"face\").crop(\"thumb\")).imageTag(\"sofa_cat.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().width(300).height(270).gravity(\"face\").crop(\"thumb\")).imageTag(\"sofa_cat.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"sofa_cat.jpg\", :width=>300, :height=>270, :gravity=>\"face\", :crop=>\"thumb\")","codeSnippet":"cl_image_tag(\"sofa_cat.jpg\", :width=>300, :height=>270, :gravity=>\"face\", :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().Width(300).Height(270).Gravity(\"face\").Crop(\"thumb\")).BuildImageTag(\"sofa_cat.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(300).Height(270).Gravity(\"face\").Crop(\"thumb\")).BuildImageTag(\"sofa_cat.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('sofa_cat.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(300)\n.height(270)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t));","codeSnippet":"cloudinary.image('sofa_cat.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(300)\n.height(270)\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().setWidth(300).setHeight(270).setGravity(\"face\").setCrop(\"thumb\")).generate(\"sofa_cat.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(300).setHeight(270).setGravity(\"face\").setCrop(\"thumb\")).generate(\"sofa_cat.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().width(300).height(270).gravity(\"face\").crop(\"thumb\")).generate(\"sofa_cat.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().width(300).height(270).gravity(\"face\").crop(\"thumb\")).generate(\"sofa_cat.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('sofa_cat.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(300)\n.height(270)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t));","codeSnippet":"cloudinary.image('sofa_cat.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(300)\n.height(270)\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(\"sofa_cat.jpg\")\n\t resize(Resize.thumbnail() { width(300)\n height(270)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"sofa_cat.jpg\")\n\t resize(Resize.thumbnail() { width(300)\n height(270)\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(\"sofa_cat.jpg\", {width: 300, height: 270, gravity: \"face\", crop: \"thumb\"})","codeSnippet":"$.cloudinary.image(\"sofa_cat.jpg\", {width: 300, height: 270, gravity: \"face\", 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(\"sofa_cat.jpg\").resize(\n thumbnail()\n .width(300)\n .height(270)\n .gravity(focusOn(face()))\n);","codeSnippet":"new CloudinaryImage(\"sofa_cat.jpg\").resize(\n thumbnail()\n .width(300)\n .height(270)\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.aaaalireno.com\/demo\/image\/upload\/w_300,h_270,c_thumb,g_face\/sofa_cat.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"width":"300","height":"270","crop_mode":"thumb","gravity":"face"}],"transformation_string":"w_300,h_270,c_thumb,g_face","url_suffix":"","version":"","secure":true,"public_id":"sofa_cat.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

以上缩略图可传递难点沙发盖猫上右缩略图中的小狗旁几乎看不到红色脚踏车底部完全隐藏

开发云生成模式 智能分析图像内容 并聚焦感兴趣的区域裁剪模式设置缩略图并重力至汽车高山市thumb,g_auto制作下文缩略图,有效传递每张照片主题

<\/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(\"sofa_cat.jpg\").resize(\n thumbnail()\n .width(300)\n .height(270)\n .gravity(autoGravity())\n);","codeSnippet":"new CloudinaryImage(\"sofa_cat.jpg\").resize(\n thumbnail()\n .width(300)\n .height(270)\n .gravity(autoGravity())\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(\"sofa_cat.jpg\").resize(\n thumbnail()\n .width(300)\n .height(270)\n .gravity(autoGravity())\n);","codeSnippet":"new CloudinaryImage(\"sofa_cat.jpg\").resize(\n thumbnail()\n .width(300)\n .height(270)\n .gravity(autoGravity())\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(\"sofa_cat.jpg\").resize(\n thumbnail()\n .width(300)\n .height(270)\n .gravity(autoGravity())\n);","codeSnippet":"new CloudinaryImage(\"sofa_cat.jpg\").resize(\n thumbnail()\n .width(300)\n .height(270)\n .gravity(autoGravity())\n);","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('sofa_cat.jpg', {width: 300, height: 270, gravity: \"auto\", crop: \"thumb\"}).toHtml();","codeSnippet":"cloudinary.imageTag('sofa_cat.jpg', {width: 300, height: 270, gravity: \"auto\", 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(\"sofa_cat.jpg\").image(width=300, height=270, gravity=\"auto\", crop=\"thumb\")","codeSnippet":"CloudinaryImage(\"sofa_cat.jpg\").image(width=300, height=270, gravity=\"auto\", 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('sofa_cat.jpg'))\n\t->resize(Resize::thumbnail()->width(300)\n->height(270)\n\t->gravity(\n\tGravity::autoGravity())\n\t);","codeSnippet":"(new ImageTag('sofa_cat.jpg'))\n\t->resize(Resize::thumbnail()->width(300)\n->height(270)\n\t->gravity(\n\tGravity::autoGravity())\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(\"sofa_cat.jpg\", array(\"width\"=>300, \"height\"=>270, \"gravity\"=>\"auto\", \"crop\"=>\"thumb\"))","codeSnippet":"cl_image_tag(\"sofa_cat.jpg\", array(\"width\"=>300, \"height\"=>270, \"gravity\"=>\"auto\", \"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().width(300).height(270).gravity(\"auto\").crop(\"thumb\")).imageTag(\"sofa_cat.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().width(300).height(270).gravity(\"auto\").crop(\"thumb\")).imageTag(\"sofa_cat.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"sofa_cat.jpg\", :width=>300, :height=>270, :gravity=>\"auto\", :crop=>\"thumb\")","codeSnippet":"cl_image_tag(\"sofa_cat.jpg\", :width=>300, :height=>270, :gravity=>\"auto\", :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().Width(300).Height(270).Gravity(\"auto\").Crop(\"thumb\")).BuildImageTag(\"sofa_cat.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(300).Height(270).Gravity(\"auto\").Crop(\"thumb\")).BuildImageTag(\"sofa_cat.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('sofa_cat.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(300)\n.height(270)\n\t.gravity(\n\tGravity.autoGravity())\n\t));","codeSnippet":"cloudinary.image('sofa_cat.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(300)\n.height(270)\n\t.gravity(\n\tGravity.autoGravity())\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().setWidth(300).setHeight(270).setGravity(\"auto\").setCrop(\"thumb\")).generate(\"sofa_cat.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(300).setHeight(270).setGravity(\"auto\").setCrop(\"thumb\")).generate(\"sofa_cat.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().width(300).height(270).gravity(\"auto\").crop(\"thumb\")).generate(\"sofa_cat.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().width(300).height(270).gravity(\"auto\").crop(\"thumb\")).generate(\"sofa_cat.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('sofa_cat.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(300)\n.height(270)\n\t.gravity(\n\tGravity.autoGravity())\n\t));","codeSnippet":"cloudinary.image('sofa_cat.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(300)\n.height(270)\n\t.gravity(\n\tGravity.autoGravity())\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(\"sofa_cat.jpg\")\n\t resize(Resize.thumbnail() { width(300)\n height(270)\n\t gravity(\n\tGravity.autoGravity())\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"sofa_cat.jpg\")\n\t resize(Resize.thumbnail() { width(300)\n height(270)\n\t gravity(\n\tGravity.autoGravity())\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(\"sofa_cat.jpg\", {width: 300, height: 270, gravity: \"auto\", crop: \"thumb\"})","codeSnippet":"$.cloudinary.image(\"sofa_cat.jpg\", {width: 300, height: 270, gravity: \"auto\", 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(\"sofa_cat.jpg\").resize(\n thumbnail()\n .width(300)\n .height(270)\n .gravity(autoGravity())\n);","codeSnippet":"new CloudinaryImage(\"sofa_cat.jpg\").resize(\n thumbnail()\n .width(300)\n .height(270)\n .gravity(autoGravity())\n);","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/upload\/w_300,h_270,c_thumb,g_auto\/sofa_cat.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"width":"300","height":"270","crop_mode":"thumb","gravity":"auto"}],"transformation_string":"w_300,h_270,c_thumb,g_auto","url_suffix":"","version":"","secure":true,"public_id":"sofa_cat.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

此外,你还可以微调g_aut算法细节见相关文档.

试一试云情交互式智能自动裁剪演示.image_transformations#automatic_cropping).

图像编辑常见问题为视觉质量下降,但质量损耗远非总能发生精确调整压缩水平并微调编码设置可大大降低文件尺寸而不显性退化并不存在单优设置 因为它依赖压缩算法 图像格式和内容

云化自动化取文件大小与质量取舍智能编码算法分析图像以确定最佳质量压缩级别和基于图像内容的最佳编码设置结果是感知精度最小化图像

利用云化自动化能力判定最优编码设置和质量压缩水平,设置质量问题变换参数汽车高山市q_aut内URLs)

举例说,JPEG图像缩放至500px57.88KB:

<\/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(\"cld_popsicles.jpg\").resize(scale().width(500));","codeSnippet":"new CloudinaryImage(\"cld_popsicles.jpg\").resize(scale().width(500));","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(\"cld_popsicles.jpg\").resize(scale().width(500));","codeSnippet":"new CloudinaryImage(\"cld_popsicles.jpg\").resize(scale().width(500));","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(\"cld_popsicles.jpg\").resize(scale().width(500));","codeSnippet":"new CloudinaryImage(\"cld_popsicles.jpg\").resize(scale().width(500));","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('cld_popsicles.jpg', {width: 500, crop: \"scale\"}).toHtml();","codeSnippet":"cloudinary.imageTag('cld_popsicles.jpg', {width: 500, crop: \"scale\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"cld_popsicles.jpg\").image(width=500, crop=\"scale\")","codeSnippet":"CloudinaryImage(\"cld_popsicles.jpg\").image(width=500, crop=\"scale\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('cld_popsicles.jpg'))\n\t->resize(Resize::scale()->width(500));","codeSnippet":"(new ImageTag('cld_popsicles.jpg'))\n\t->resize(Resize::scale()->width(500));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"cld_popsicles.jpg\", array(\"width\"=>500, \"crop\"=>\"scale\"))","codeSnippet":"cl_image_tag(\"cld_popsicles.jpg\", array(\"width\"=>500, \"crop\"=>\"scale\"))","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().width(500).crop(\"scale\")).imageTag(\"cld_popsicles.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().width(500).crop(\"scale\")).imageTag(\"cld_popsicles.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"cld_popsicles.jpg\", :width=>500, :crop=>\"scale\")","codeSnippet":"cl_image_tag(\"cld_popsicles.jpg\", :width=>500, :crop=>\"scale\")","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().Width(500).Crop(\"scale\")).BuildImageTag(\"cld_popsicles.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(500).Crop(\"scale\")).BuildImageTag(\"cld_popsicles.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('cld_popsicles.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500)));","codeSnippet":"cloudinary.image('cld_popsicles.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500)));","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().setWidth(500).setCrop(\"scale\")).generate(\"cld_popsicles.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(500).setCrop(\"scale\")).generate(\"cld_popsicles.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().width(500).crop(\"scale\")).generate(\"cld_popsicles.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().width(500).crop(\"scale\")).generate(\"cld_popsicles.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('cld_popsicles.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500)));","codeSnippet":"cloudinary.image('cld_popsicles.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500)));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"cld_popsicles.jpg\")\n\t resize(Resize.scale() { width(500) }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"cld_popsicles.jpg\")\n\t resize(Resize.scale() { width(500) }) \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(\"cld_popsicles.jpg\", {width: 500, crop: \"scale\"})","codeSnippet":"$.cloudinary.image(\"cld_popsicles.jpg\", {width: 500, crop: \"scale\"})","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(\"cld_popsicles.jpg\").resize(scale().width(500));","codeSnippet":"new CloudinaryImage(\"cld_popsicles.jpg\").resize(scale().width(500));","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/upload\/w_500\/cld_popsicles.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"width":"500"}],"transformation_string":"w_500","url_suffix":"","version":"","secure":true,"public_id":"cld_popsicles.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

图像生成q_aut转接器单称39.21KB中意32%打火机

<\/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(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(auto()));","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(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(auto()));","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(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(auto()));","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('cld_popsicles.jpg', {width: 500, quality: \"auto\", crop: \"scale\"}).toHtml();","codeSnippet":"cloudinary.imageTag('cld_popsicles.jpg', {width: 500, quality: \"auto\", crop: \"scale\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"cld_popsicles.jpg\").image(width=500, quality=\"auto\", crop=\"scale\")","codeSnippet":"CloudinaryImage(\"cld_popsicles.jpg\").image(width=500, quality=\"auto\", crop=\"scale\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('cld_popsicles.jpg'))\n\t->resize(Resize::scale()->width(500))\n\t->delivery(Delivery::quality(\n\tQuality::auto()));","codeSnippet":"(new ImageTag('cld_popsicles.jpg'))\n\t->resize(Resize::scale()->width(500))\n\t->delivery(Delivery::quality(\n\tQuality::auto()));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"cld_popsicles.jpg\", array(\"width\"=>500, \"quality\"=>\"auto\", \"crop\"=>\"scale\"))","codeSnippet":"cl_image_tag(\"cld_popsicles.jpg\", array(\"width\"=>500, \"quality\"=>\"auto\", \"crop\"=>\"scale\"))","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().width(500).quality(\"auto\").crop(\"scale\")).imageTag(\"cld_popsicles.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().width(500).quality(\"auto\").crop(\"scale\")).imageTag(\"cld_popsicles.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"cld_popsicles.jpg\", :width=>500, :quality=>\"auto\", :crop=>\"scale\")","codeSnippet":"cl_image_tag(\"cld_popsicles.jpg\", :width=>500, :quality=>\"auto\", :crop=>\"scale\")","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().Width(500).Quality(\"auto\").Crop(\"scale\")).BuildImageTag(\"cld_popsicles.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(500).Quality(\"auto\").Crop(\"scale\")).BuildImageTag(\"cld_popsicles.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('cld_popsicles.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","codeSnippet":"cloudinary.image('cld_popsicles.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","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().setWidth(500).setQuality(\"auto\").setCrop(\"scale\")).generate(\"cld_popsicles.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(500).setQuality(\"auto\").setCrop(\"scale\")).generate(\"cld_popsicles.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().width(500).quality(\"auto\").crop(\"scale\")).generate(\"cld_popsicles.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().width(500).quality(\"auto\").crop(\"scale\")).generate(\"cld_popsicles.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('cld_popsicles.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","codeSnippet":"cloudinary.image('cld_popsicles.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"cld_popsicles.jpg\")\n\t resize(Resize.scale() { width(500) })\n\t delivery(Delivery.quality(\n\tQuality.auto())) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"cld_popsicles.jpg\")\n\t resize(Resize.scale() { width(500) })\n\t delivery(Delivery.quality(\n\tQuality.auto())) \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(\"cld_popsicles.jpg\", {width: 500, quality: \"auto\", crop: \"scale\"})","codeSnippet":"$.cloudinary.image(\"cld_popsicles.jpg\", {width: 500, quality: \"auto\", crop: \"scale\"})","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(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(auto()));","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/upload\/w_500,q_auto\/cld_popsicles.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"width":"500","quality":"auto"}],"transformation_string":"w_500,q_auto","url_suffix":"","version":"","secure":true,"public_id":"cld_popsicles.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

有些案例需要进一步微调质量选择算法举个例子,你可应用更具攻击性压缩算法q_auto:low选项后产生22.51KB图像:-

<\/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(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(autoLow()));","codeSnippet":"new CloudinaryImage(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(autoLow()));","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(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(autoLow()));","codeSnippet":"new CloudinaryImage(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(autoLow()));","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(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(autoLow()));","codeSnippet":"new CloudinaryImage(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(autoLow()));","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('cld_popsicles.jpg', {width: 500, quality: \"auto:low\", crop: \"scale\"}).toHtml();","codeSnippet":"cloudinary.imageTag('cld_popsicles.jpg', {width: 500, quality: \"auto:low\", crop: \"scale\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"cld_popsicles.jpg\").image(width=500, quality=\"auto:low\", crop=\"scale\")","codeSnippet":"CloudinaryImage(\"cld_popsicles.jpg\").image(width=500, quality=\"auto:low\", crop=\"scale\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('cld_popsicles.jpg'))\n\t->resize(Resize::scale()->width(500))\n\t->delivery(Delivery::quality(\n\tQuality::autoLow()));","codeSnippet":"(new ImageTag('cld_popsicles.jpg'))\n\t->resize(Resize::scale()->width(500))\n\t->delivery(Delivery::quality(\n\tQuality::autoLow()));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"cld_popsicles.jpg\", array(\"width\"=>500, \"quality\"=>\"auto:low\", \"crop\"=>\"scale\"))","codeSnippet":"cl_image_tag(\"cld_popsicles.jpg\", array(\"width\"=>500, \"quality\"=>\"auto:low\", \"crop\"=>\"scale\"))","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().width(500).quality(\"auto:low\").crop(\"scale\")).imageTag(\"cld_popsicles.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().width(500).quality(\"auto:low\").crop(\"scale\")).imageTag(\"cld_popsicles.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"cld_popsicles.jpg\", :width=>500, :quality=>\"auto:low\", :crop=>\"scale\")","codeSnippet":"cl_image_tag(\"cld_popsicles.jpg\", :width=>500, :quality=>\"auto:low\", :crop=>\"scale\")","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().Width(500).Quality(\"auto:low\").Crop(\"scale\")).BuildImageTag(\"cld_popsicles.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(500).Quality(\"auto:low\").Crop(\"scale\")).BuildImageTag(\"cld_popsicles.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('cld_popsicles.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.quality(\n\tQuality.autoLow())));","codeSnippet":"cloudinary.image('cld_popsicles.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.quality(\n\tQuality.autoLow())));","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().setWidth(500).setQuality(\"auto:low\").setCrop(\"scale\")).generate(\"cld_popsicles.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(500).setQuality(\"auto:low\").setCrop(\"scale\")).generate(\"cld_popsicles.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().width(500).quality(\"auto:low\").crop(\"scale\")).generate(\"cld_popsicles.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().width(500).quality(\"auto:low\").crop(\"scale\")).generate(\"cld_popsicles.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('cld_popsicles.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.quality(\n\tQuality.autoLow())));","codeSnippet":"cloudinary.image('cld_popsicles.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.quality(\n\tQuality.autoLow())));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"cld_popsicles.jpg\")\n\t resize(Resize.scale() { width(500) })\n\t delivery(Delivery.quality(\n\tQuality.autoLow())) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"cld_popsicles.jpg\")\n\t resize(Resize.scale() { width(500) })\n\t delivery(Delivery.quality(\n\tQuality.autoLow())) \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(\"cld_popsicles.jpg\", {width: 500, quality: \"auto:low\", crop: \"scale\"})","codeSnippet":"$.cloudinary.image(\"cld_popsicles.jpg\", {width: 500, quality: \"auto:low\", crop: \"scale\"})","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(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(autoLow()));","codeSnippet":"new CloudinaryImage(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(autoLow()));","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/upload\/w_500,q_auto:low\/cld_popsicles.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"width":"500","quality":"auto:low"}],"transformation_string":"w_500,q_auto:low","url_suffix":"","version":"","secure":true,"public_id":"cld_popsicles.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

更多细节q_aut微调选项见相关文档.

和云性自动质量算法一样有效并推荐使用,您可以通过设定绝对值(1至100)实现质量水平参见此示例 :

<\/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(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(80));","codeSnippet":"new CloudinaryImage(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(80));","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(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(80));","codeSnippet":"new CloudinaryImage(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(80));","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(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(80));","codeSnippet":"new CloudinaryImage(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(80));","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('cld_popsicles.jpg', {width: 500, quality: 80, crop: \"scale\"}).toHtml();","codeSnippet":"cloudinary.imageTag('cld_popsicles.jpg', {width: 500, quality: 80, crop: \"scale\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"cld_popsicles.jpg\").image(width=500, quality=80, crop=\"scale\")","codeSnippet":"CloudinaryImage(\"cld_popsicles.jpg\").image(width=500, quality=80, crop=\"scale\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('cld_popsicles.jpg'))\n\t->resize(Resize::scale()->width(500))\n\t->delivery(Delivery::quality(80));","codeSnippet":"(new ImageTag('cld_popsicles.jpg'))\n\t->resize(Resize::scale()->width(500))\n\t->delivery(Delivery::quality(80));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"cld_popsicles.jpg\", array(\"width\"=>500, \"quality\"=>80, \"crop\"=>\"scale\"))","codeSnippet":"cl_image_tag(\"cld_popsicles.jpg\", array(\"width\"=>500, \"quality\"=>80, \"crop\"=>\"scale\"))","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().width(500).quality(80).crop(\"scale\")).imageTag(\"cld_popsicles.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().width(500).quality(80).crop(\"scale\")).imageTag(\"cld_popsicles.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"cld_popsicles.jpg\", :width=>500, :quality=>80, :crop=>\"scale\")","codeSnippet":"cl_image_tag(\"cld_popsicles.jpg\", :width=>500, :quality=>80, :crop=>\"scale\")","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().Width(500).Quality(80).Crop(\"scale\")).BuildImageTag(\"cld_popsicles.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(500).Quality(80).Crop(\"scale\")).BuildImageTag(\"cld_popsicles.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('cld_popsicles.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.quality(80)));","codeSnippet":"cloudinary.image('cld_popsicles.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.quality(80)));","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().setWidth(500).setQuality(80).setCrop(\"scale\")).generate(\"cld_popsicles.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(500).setQuality(80).setCrop(\"scale\")).generate(\"cld_popsicles.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().width(500).quality(80).crop(\"scale\")).generate(\"cld_popsicles.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().width(500).quality(80).crop(\"scale\")).generate(\"cld_popsicles.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('cld_popsicles.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.quality(80)));","codeSnippet":"cloudinary.image('cld_popsicles.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.quality(80)));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"cld_popsicles.jpg\")\n\t resize(Resize.scale() { width(500) })\n\t delivery(Delivery.quality(80)) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"cld_popsicles.jpg\")\n\t resize(Resize.scale() { width(500) })\n\t delivery(Delivery.quality(80)) \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(\"cld_popsicles.jpg\", {width: 500, quality: 80, crop: \"scale\"})","codeSnippet":"$.cloudinary.image(\"cld_popsicles.jpg\", {width: 500, quality: 80, crop: \"scale\"})","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(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(80));","codeSnippet":"new CloudinaryImage(\"cld_popsicles.jpg\")\n .resize(scale().width(500))\n .delivery(quality(80));","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/upload\/w_500,q_80\/cld_popsicles.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"width":"500","quality":"80"}],"transformation_string":"w_500,q_80","url_suffix":"","version":"","secure":true,"public_id":"cld_popsicles.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

补充参考文件查看云形交互式演示自动化质量转换特征并相关文档.

图像格式可显著影响页面加载时间和带宽,例如WebP等现代格式可将图像尺寸减少30%,导致页面加载速度更快、网站多接连和转换率提高开发者常用任务是根据图像内容和浏览设备或浏览器选择各种假想最优图像格式,例如JPEG抓取照片或加速加载照片和PNG透明背景插图或图片Chrome、Safari、InternetExplorer和Edge浏览器,你必须考虑到WebP和JPEG-XR等现代格式的额外逻辑

与浏览器和格式兼容性的要求一样简单,人工计算大容量图像格式逻辑复杂低效转向云形图像可动态选择并转换为效率最高的图像浏览器,例如WebP向Chrome提供图像,JPEG-XR向InternetExplorer或Edge提供图像,JPEG-2000为Searce提供图像

除透明WebP交付JPEG-XR交付,可合并云性自动化能力选择最佳格式、编码图像并设定最优质量水平举个例子q_aut参数,云形编码猫图片15.67-KBWebP面向 Chrome,JPEG-XR面向互联网探索者边缘,JPEG-2000面向Searce,JPEG面向其他浏览器

<\/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(\"sofa_cat.jpg\")\n .resize(scale().width(750))\n .delivery(format(auto()))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"sofa_cat.jpg\")\n .resize(scale().width(750))\n .delivery(format(auto()))\n .delivery(quality(auto()));","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(\"sofa_cat.jpg\")\n .resize(scale().width(750))\n .delivery(format(auto()))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"sofa_cat.jpg\")\n .resize(scale().width(750))\n .delivery(format(auto()))\n .delivery(quality(auto()));","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(\"sofa_cat.jpg\")\n .resize(scale().width(750))\n .delivery(format(auto()))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"sofa_cat.jpg\")\n .resize(scale().width(750))\n .delivery(format(auto()))\n .delivery(quality(auto()));","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('sofa_cat.jpg', {width: 750, quality: \"auto\", fetchFormat: \"auto\", crop: \"scale\"}).toHtml();","codeSnippet":"cloudinary.imageTag('sofa_cat.jpg', {width: 750, quality: \"auto\", fetchFormat: \"auto\", crop: \"scale\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"sofa_cat.jpg\").image(width=750, quality=\"auto\", fetch_format=\"auto\", crop=\"scale\")","codeSnippet":"CloudinaryImage(\"sofa_cat.jpg\").image(width=750, quality=\"auto\", fetch_format=\"auto\", crop=\"scale\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('sofa_cat.jpg'))\n\t->resize(Resize::scale()->width(750))\n\t->delivery(Delivery::format(\n\tFormat::auto()))\n\t->delivery(Delivery::quality(\n\tQuality::auto()));","codeSnippet":"(new ImageTag('sofa_cat.jpg'))\n\t->resize(Resize::scale()->width(750))\n\t->delivery(Delivery::format(\n\tFormat::auto()))\n\t->delivery(Delivery::quality(\n\tQuality::auto()));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"sofa_cat.jpg\", array(\"width\"=>750, \"quality\"=>\"auto\", \"fetch_format\"=>\"auto\", \"crop\"=>\"scale\"))","codeSnippet":"cl_image_tag(\"sofa_cat.jpg\", array(\"width\"=>750, \"quality\"=>\"auto\", \"fetch_format\"=>\"auto\", \"crop\"=>\"scale\"))","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().width(750).quality(\"auto\").fetchFormat(\"auto\").crop(\"scale\")).imageTag(\"sofa_cat.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().width(750).quality(\"auto\").fetchFormat(\"auto\").crop(\"scale\")).imageTag(\"sofa_cat.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"sofa_cat.jpg\", :width=>750, :quality=>\"auto\", :fetch_format=>:auto, :crop=>\"scale\")","codeSnippet":"cl_image_tag(\"sofa_cat.jpg\", :width=>750, :quality=>\"auto\", :fetch_format=>:auto, :crop=>\"scale\")","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().Width(750).Quality(\"auto\").FetchFormat(\"auto\").Crop(\"scale\")).BuildImageTag(\"sofa_cat.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(750).Quality(\"auto\").FetchFormat(\"auto\").Crop(\"scale\")).BuildImageTag(\"sofa_cat.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('sofa_cat.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(750))\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","codeSnippet":"cloudinary.image('sofa_cat.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(750))\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","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().setWidth(750).setQuality(\"auto\").setFetchFormat(\"auto\").setCrop(\"scale\")).generate(\"sofa_cat.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(750).setQuality(\"auto\").setFetchFormat(\"auto\").setCrop(\"scale\")).generate(\"sofa_cat.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().width(750).quality(\"auto\").fetchFormat(\"auto\").crop(\"scale\")).generate(\"sofa_cat.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().width(750).quality(\"auto\").fetchFormat(\"auto\").crop(\"scale\")).generate(\"sofa_cat.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('sofa_cat.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(750))\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","codeSnippet":"cloudinary.image('sofa_cat.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(750))\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"sofa_cat.jpg\")\n\t resize(Resize.scale() { width(750) })\n\t delivery(Delivery.format(\n\tFormat.auto()))\n\t delivery(Delivery.quality(\n\tQuality.auto())) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"sofa_cat.jpg\")\n\t resize(Resize.scale() { width(750) })\n\t delivery(Delivery.format(\n\tFormat.auto()))\n\t delivery(Delivery.quality(\n\tQuality.auto())) \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(\"sofa_cat.jpg\", {width: 750, quality: \"auto\", fetch_format: \"auto\", crop: \"scale\"})","codeSnippet":"$.cloudinary.image(\"sofa_cat.jpg\", {width: 750, quality: \"auto\", fetch_format: \"auto\", crop: \"scale\"})","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(\"sofa_cat.jpg\")\n .resize(scale().width(750))\n .delivery(format(auto()))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"sofa_cat.jpg\")\n .resize(scale().width(750))\n .delivery(format(auto()))\n .delivery(quality(auto()));","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/upload\/w_750,q_auto,f_auto\/sofa_cat.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"width":"750","quality":"auto","format":"auto"}],"transformation_string":"w_750,q_auto,f_auto","url_suffix":"","version":"","secure":true,"public_id":"sofa_cat.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

组合q_aut并f_aut提供比只设置二维参数之一更复杂的结果例子一:云式算法可能选择PNG或无损WebP处理含有图画的图像,PNG8或PNG24如果质量算法认为它最优用于理想显示器和小文件尺寸

URL动态生成全JPEG版本图文并配有图像编码和质量选择参数q_aut无f_aut:

<\/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(\"flowers_and_birds.jpg\")\n .resize(scale().width(500))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"flowers_and_birds.jpg\")\n .resize(scale().width(500))\n .delivery(quality(auto()));","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(\"flowers_and_birds.jpg\")\n .resize(scale().width(500))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"flowers_and_birds.jpg\")\n .resize(scale().width(500))\n .delivery(quality(auto()));","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(\"flowers_and_birds.jpg\")\n .resize(scale().width(500))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"flowers_and_birds.jpg\")\n .resize(scale().width(500))\n .delivery(quality(auto()));","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('flowers_and_birds.jpg', {width: 500, quality: \"auto\", crop: \"scale\"}).toHtml();","codeSnippet":"cloudinary.imageTag('flowers_and_birds.jpg', {width: 500, quality: \"auto\", crop: \"scale\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"flowers_and_birds.jpg\").image(width=500, quality=\"auto\", crop=\"scale\")","codeSnippet":"CloudinaryImage(\"flowers_and_birds.jpg\").image(width=500, quality=\"auto\", crop=\"scale\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('flowers_and_birds.jpg'))\n\t->resize(Resize::scale()->width(500))\n\t->delivery(Delivery::quality(\n\tQuality::auto()));","codeSnippet":"(new ImageTag('flowers_and_birds.jpg'))\n\t->resize(Resize::scale()->width(500))\n\t->delivery(Delivery::quality(\n\tQuality::auto()));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"flowers_and_birds.jpg\", array(\"width\"=>500, \"quality\"=>\"auto\", \"crop\"=>\"scale\"))","codeSnippet":"cl_image_tag(\"flowers_and_birds.jpg\", array(\"width\"=>500, \"quality\"=>\"auto\", \"crop\"=>\"scale\"))","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().width(500).quality(\"auto\").crop(\"scale\")).imageTag(\"flowers_and_birds.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().width(500).quality(\"auto\").crop(\"scale\")).imageTag(\"flowers_and_birds.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"flowers_and_birds.jpg\", :width=>500, :quality=>\"auto\", :crop=>\"scale\")","codeSnippet":"cl_image_tag(\"flowers_and_birds.jpg\", :width=>500, :quality=>\"auto\", :crop=>\"scale\")","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().Width(500).Quality(\"auto\").Crop(\"scale\")).BuildImageTag(\"flowers_and_birds.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(500).Quality(\"auto\").Crop(\"scale\")).BuildImageTag(\"flowers_and_birds.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('flowers_and_birds.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","codeSnippet":"cloudinary.image('flowers_and_birds.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","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().setWidth(500).setQuality(\"auto\").setCrop(\"scale\")).generate(\"flowers_and_birds.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(500).setQuality(\"auto\").setCrop(\"scale\")).generate(\"flowers_and_birds.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().width(500).quality(\"auto\").crop(\"scale\")).generate(\"flowers_and_birds.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().width(500).quality(\"auto\").crop(\"scale\")).generate(\"flowers_and_birds.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('flowers_and_birds.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","codeSnippet":"cloudinary.image('flowers_and_birds.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"flowers_and_birds.jpg\")\n\t resize(Resize.scale() { width(500) })\n\t delivery(Delivery.quality(\n\tQuality.auto())) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"flowers_and_birds.jpg\")\n\t resize(Resize.scale() { width(500) })\n\t delivery(Delivery.quality(\n\tQuality.auto())) \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(\"flowers_and_birds.jpg\", {width: 500, quality: \"auto\", crop: \"scale\"})","codeSnippet":"$.cloudinary.image(\"flowers_and_birds.jpg\", {width: 500, quality: \"auto\", crop: \"scale\"})","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(\"flowers_and_birds.jpg\")\n .resize(scale().width(500))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"flowers_and_birds.jpg\")\n .resize(scale().width(500))\n .delivery(quality(auto()));","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/upload\/w_500,q_auto\/flowers_and_birds.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"width":"500","quality":"auto"}],"transformation_string":"w_500,q_auto","url_suffix":"","version":"","secure":true,"public_id":"flowers_and_birds.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

JPEG称重41KB.仔细观察会发现JPEG损失性质产生几件不受欢迎的文物都添加q_aut并f_autURL引导算法编码图像PNG8生成免人工图像34.3KB.唯一文物出自原创高质量JPEG

<\/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(\"flowers_and_birds.jpg\")\n .resize(scale().width(500))\n .delivery(format(auto()))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"flowers_and_birds.jpg\")\n .resize(scale().width(500))\n .delivery(format(auto()))\n .delivery(quality(auto()));","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(\"flowers_and_birds.jpg\")\n .resize(scale().width(500))\n .delivery(format(auto()))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"flowers_and_birds.jpg\")\n .resize(scale().width(500))\n .delivery(format(auto()))\n .delivery(quality(auto()));","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(\"flowers_and_birds.jpg\")\n .resize(scale().width(500))\n .delivery(format(auto()))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"flowers_and_birds.jpg\")\n .resize(scale().width(500))\n .delivery(format(auto()))\n .delivery(quality(auto()));","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('flowers_and_birds.jpg', {width: 500, quality: \"auto\", fetchFormat: \"auto\", crop: \"scale\"}).toHtml();","codeSnippet":"cloudinary.imageTag('flowers_and_birds.jpg', {width: 500, quality: \"auto\", fetchFormat: \"auto\", crop: \"scale\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"flowers_and_birds.jpg\").image(width=500, quality=\"auto\", fetch_format=\"auto\", crop=\"scale\")","codeSnippet":"CloudinaryImage(\"flowers_and_birds.jpg\").image(width=500, quality=\"auto\", fetch_format=\"auto\", crop=\"scale\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('flowers_and_birds.jpg'))\n\t->resize(Resize::scale()->width(500))\n\t->delivery(Delivery::format(\n\tFormat::auto()))\n\t->delivery(Delivery::quality(\n\tQuality::auto()));","codeSnippet":"(new ImageTag('flowers_and_birds.jpg'))\n\t->resize(Resize::scale()->width(500))\n\t->delivery(Delivery::format(\n\tFormat::auto()))\n\t->delivery(Delivery::quality(\n\tQuality::auto()));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"flowers_and_birds.jpg\", array(\"width\"=>500, \"quality\"=>\"auto\", \"fetch_format\"=>\"auto\", \"crop\"=>\"scale\"))","codeSnippet":"cl_image_tag(\"flowers_and_birds.jpg\", array(\"width\"=>500, \"quality\"=>\"auto\", \"fetch_format\"=>\"auto\", \"crop\"=>\"scale\"))","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().width(500).quality(\"auto\").fetchFormat(\"auto\").crop(\"scale\")).imageTag(\"flowers_and_birds.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().width(500).quality(\"auto\").fetchFormat(\"auto\").crop(\"scale\")).imageTag(\"flowers_and_birds.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"flowers_and_birds.jpg\", :width=>500, :quality=>\"auto\", :fetch_format=>:auto, :crop=>\"scale\")","codeSnippet":"cl_image_tag(\"flowers_and_birds.jpg\", :width=>500, :quality=>\"auto\", :fetch_format=>:auto, :crop=>\"scale\")","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().Width(500).Quality(\"auto\").FetchFormat(\"auto\").Crop(\"scale\")).BuildImageTag(\"flowers_and_birds.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(500).Quality(\"auto\").FetchFormat(\"auto\").Crop(\"scale\")).BuildImageTag(\"flowers_and_birds.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('flowers_and_birds.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","codeSnippet":"cloudinary.image('flowers_and_birds.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","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().setWidth(500).setQuality(\"auto\").setFetchFormat(\"auto\").setCrop(\"scale\")).generate(\"flowers_and_birds.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(500).setQuality(\"auto\").setFetchFormat(\"auto\").setCrop(\"scale\")).generate(\"flowers_and_birds.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().width(500).quality(\"auto\").fetchFormat(\"auto\").crop(\"scale\")).generate(\"flowers_and_birds.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().width(500).quality(\"auto\").fetchFormat(\"auto\").crop(\"scale\")).generate(\"flowers_and_birds.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('flowers_and_birds.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","codeSnippet":"cloudinary.image('flowers_and_birds.jpg').transformation(Transformation()\n\t.resize(Resize.scale().width(500))\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"flowers_and_birds.jpg\")\n\t resize(Resize.scale() { width(500) })\n\t delivery(Delivery.format(\n\tFormat.auto()))\n\t delivery(Delivery.quality(\n\tQuality.auto())) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"flowers_and_birds.jpg\")\n\t resize(Resize.scale() { width(500) })\n\t delivery(Delivery.format(\n\tFormat.auto()))\n\t delivery(Delivery.quality(\n\tQuality.auto())) \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(\"flowers_and_birds.jpg\", {width: 500, quality: \"auto\", fetch_format: \"auto\", crop: \"scale\"})","codeSnippet":"$.cloudinary.image(\"flowers_and_birds.jpg\", {width: 500, quality: \"auto\", fetch_format: \"auto\", crop: \"scale\"})","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(\"flowers_and_birds.jpg\")\n .resize(scale().width(500))\n .delivery(format(auto()))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"flowers_and_birds.jpg\")\n .resize(scale().width(500))\n .delivery(format(auto()))\n .delivery(quality(auto()));","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/upload\/w_500,q_auto,f_auto\/flowers_and_birds.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"width":"500","quality":"auto","format":"auto"}],"transformation_string":"w_500,q_auto,f_auto","url_suffix":"","version":"","secure":true,"public_id":"flowers_and_birds.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

更多细节见相关文档.

响应设计需要多版图像在所有设备上清晰显示和所有分辨率、像素密度和定向编辑、生成、管理并交付多图像版本是一项艰巨任务云化系统则不同,它通过图像宽度自动化并基于视图设备、显示尺寸和布局判定DPR值,动态为Retina网站和定时显示发送图像

云形求援方法基于浏览器视图港或布局宽度确定图像宽度,并随后计算图像最优分辨率显示设备云形可动态设置图像专用断点,确定需要多少图像版本来平衡最优维度和带宽减值之间的取舍

所有你需要做的是上传高清晰度图像到云端并使用JavaScript或客户端提示云化通过自动化生成响应图像

重要点 :应付隐私问题客户提示s的潜力跟踪用户跨网站桌面 Chrome 67暂时停止发送客户提示手机Chrome工作尽管如此

选择上方解决办法之一后,您可以通过动态URL对图像进行适配,以适应任何设备上视图港、布局和分辨率,确保无缝显示和最优性能云化选择并检索最适宽和DPR值图像,添加动态URL华府并dpr参数集汽车高山市dpr_auto)

默认时云化循环设备DPR整数值(1.0、2.0、3.0等)和最接近百分位乘数所需宽度

注意这两个警告

• 一图像无法容纳所有屏幕分辨率和装置
• 生成像素宽度变化图超杀法,但生成像素百分位差分可能是任意的

微调断点

• 带云化JavaScriptSDK中位函数生成断点程序解析相关文档.
• 通过客户提示,你可使用云形特征智能生成响应断点开始相关文档.

除高级图像管理技术在此讨论外, 还必须识别数字媒体景观中智能裁剪的广度其中包括:

• 视频裁剪社会媒体背景中特别相关,贝斯特2200娱乐工具对内容创建者最优化视频内容使用不同平台和装置至关重要
• Adobe和机器学习工具Adobe工具组使用AI和机器学习自动检测并裁剪图像和视频焦点突出显示除静态图像外各种媒体编辑工具中智能算法日益增长的趋势
• 图片截图压缩另一新技术是图像自动绑定和屏幕截图通过识别并消除冗余空小区,该工具精简图像以便更高效存储和使用,这一概念扩展智能裁剪原理优化图像
• App基础视频裁剪贝斯特2200娱乐:视频裁剪移动应用扩散,App存储器等平台上提供,允许用户逐条手动裁剪视频框架表示对移动域更多实用可定制裁剪工具的需求
• Canva照片裁剪Canva提供即时图片裁剪特征,用户友好图像编辑方法面向广大用户,从专业设计师到社交媒体爱好者

贝斯特2200娱乐智能裁剪的这些额外维度覆盖各种平台和工具的图像和视频内容,说明技术在当今数字环境的多功能性和重要性

四大图像映射能力本文章描述, 保证对网络开发者极有帮助, 在所有云化规划中都提供, 包括云化规划自由计划.试探能力并告诉我们你的想法从我个人经验看,一旦你开始使用这些图像后,你将很难回想你手动变换图像前是如何实现的。

---

• 如何为响应式Web设计创建图像
• 响应图像套接层、大小和云
• 程序化光栅图像转换向量图形
• 响应式Web设计最佳做法