电子商务网站这些天都趋向干净和流水, 几乎总是聚焦高品质产品照片 带平白、固色或透明背景许多实用和充分证明的理由支持这一选择,表明这不是传递式图形图解其中一些
网站或a开发者如何提供数以百计或千计固态或透明背景图像,包括用户生成内容找人去人工编辑带编辑工具绝对不缩放
云化内含解法AI反移添加.上加深学习人工智能算法辨识每张照片前台主题并精确分秒去除背景
上传相片后时间
贝斯特2200娱乐云管理平台强健,利用自动化深学习算法简化并加速网站应用开发者工作流程,从批量上传原始照片到现场变换生成多媒体变异、优化并响应所有设备
应用 AI后台清除图片background_removal参数集云台插进上传或更新命令当方法调用触发时,加法分析图像并用透明PNG替换原上传图像仅包含前景图像云化回溯原创后检索。例如,用透明PNG替换BoothJPG图像时,您可运行下列上传命令:
\"baseball_no_bg\",\n :background_removal => 'cloudinary_ai',\n :notification_url => \"https:\/\/mysite.example.com\/hooks\")","codeSnippet":"Cloudinary::Uploader.upload(\"baseball.jpg\",\n :public_id => \"baseball_no_bg\",\n :background_removal => 'cloudinary_ai',\n :notification_url => \"https:\/\/mysite.example.com\/hooks\")"},{"sdkId":"php","framework":"php","language":"php","displayName":"PHP","packageName":"cloudinary_php","packageVersion":"1.x","packageStatus":"legacy","rawCodeSnippet":"\\Cloudinary\\Uploader::upload(\"baseball.jpg\", \n array(\n \"public_id\" => \"baseball_no_bg\",\n \"background_removal\" => \"cloudinary_ai\",\n \"notification_url\" => \"https:\/\/mysite.example.com\/hooks\"));","codeSnippet":"\\Cloudinary\\Uploader::upload(\"baseball.jpg\", \n array(\n \"public_id\" => \"baseball_no_bg\",\n \"background_removal\" => \"cloudinary_ai\",\n \"notification_url\" => \"https:\/\/mysite.example.com\/hooks\"));"},{"sdkId":"python","framework":"python","language":"python","displayName":"Python","packageName":"cloudinary","packageVersion":"1.x","packageStatus":"","rawCodeSnippet":"cloudinary.uploader.upload(\"baseball.jpg\",\n public_id = \"baseball_no_bg\",\n background_removal = \"cloudinary_ai\",\n notification_url = \"https:\/\/mysite.example.com\/hooks\")","codeSnippet":"cloudinary.uploader.upload(\"baseball.jpg\",\n public_id = \"baseball_no_bg\",\n background_removal = \"cloudinary_ai\",\n notification_url = \"https:\/\/mysite.example.com\/hooks\")"},{"sdkId":"nodejs","framework":"nodejs","language":"javascript","displayName":"Node.js","packageName":"cloudinary","packageVersion":"1.x","packageStatus":"","rawCodeSnippet":"cloudinary.v2.uploader.upload(\"baseball.jpg\", \n { public_id: \"baseball_no_bg\",\n background_removal: \"cloudinary_ai\",\n notification_url: \"https:\/\/mysite.example.com\/hooks\" }),\n function(error, result){console.log(result);});","codeSnippet":"cloudinary.v2.uploader.upload(\"baseball.jpg\", \n { public_id: \"baseball_no_bg\",\n background_removal: \"cloudinary_ai\",\n notification_url: \"https:\/\/mysite.example.com\/hooks\" }),\n function(error, result){console.log(result);});"},{"sdkId":"java","framework":"java","language":"java","displayName":"Java","packageName":"cloudinary","packageVersion":"1.x","packageStatus":"","rawCodeSnippet":"cloudinary.uploader().upload(\"baseball.jpg\", \n ObjectUtils.asMap(\n \"public_id\", \"baseball_no_bg\",\n \"background_removal\", \"cloudinary_ai\",\n \"notification_url\", \"https:\/\/mysite.example.com\/hooks\"));","codeSnippet":"cloudinary.uploader().upload(\"baseball.jpg\", \n ObjectUtils.asMap(\n \"public_id\", \"baseball_no_bg\",\n \"background_removal\", \"cloudinary_ai\",\n \"notification_url\", \"https:\/\/mysite.example.com\/hooks\"));"},{"sdkId":"csharp","framework":"csharp","language":"java","displayName":".NET","packageName":"CloudinaryDotNet","packageVersion":"1.x","packageStatus":"","rawCodeSnippet":"var uploadParams = new ImageUploadParams(){\n File = new FileDescription(@\"baseball.jpg\"),\n PublicId = \"baseball_no_bg\",\n BackgroundRemoval = \"cloudinary_ai\",\n NotificationUrl = \"https:\/\/mysite.example.com\/hooks\"};\nvar uploadResult = cloudinary.Upload(uploadParams);","codeSnippet":"var uploadParams = new ImageUploadParams(){\n File = new FileDescription(@\"baseball.jpg\"),\n PublicId = \"baseball_no_bg\",\n BackgroundRemoval = \"cloudinary_ai\",\n NotificationUrl = \"https:\/\/mysite.example.com\/hooks\"};\nvar uploadResult = cloudinary.Upload(uploadParams);"}]" parsed-url="[]" with-url="false" >
加载代码示例
上传后立即在网站或应用上传透明图像,notification_url参数输入上传或上传命令激活 webhook接收清除状态可检验清除工作是否还在进行中,如果还在执行中,则可能想显示占位符图像或进化动画直到进程完成
从图像分割对象是计算机产业中基本和深入研究的挑战神经网络即为多端背后的"机密酱分割式赋能最先进功能的任务 各种应用,如自主驱动 医学分析 工业规划
上文显示,删除图像背景云加法对使用图像开发者来说很简单幕后云引擎必须执行三大复杂任务
识别图像中的显性对象以确定哪些对象分类前景色依上下文和场景组成.
段显性对象当今大多数中性网络通过标准分割技术只制作粗图图片定时制作分割图前台对后台像素近效实现无缝背景清除,例如毛发和毛发的适当分割需要细心处理
当前不大公共数据集的存在精确背景清除,使得获取培训中立网络所需的媒体资产量更加困难。
将前景分解为alpha层
解决这些挑战时,我们云纳里中心还集中寻找解决之道优化算法提供客户期望的高性能表示处理所有大小的图像
准备交付URL实现透明PNGs时,可能想同时或其中之一实现下列目标:
向图像添加固中后台并使用云化图像优化更新自动formatf_aut)并自质量q_aut)参数压缩文件尺寸不损视质量
消除透明图像中不必要的白空间,这些图像保留原创维度,并居中更新维度自动裁剪参数告诉云形识别图像中的可见项并按您请求的大小和宽比调整大小并裁剪环绕这些前台对象
举例说,后台清除添加返回这种可爱填充绵羊,没有表墙背景,但右侧留有冗余白空间透明PNG重略超过1MB
如何用下列方式进一步转换图像
- 图像转换为带白背景的平方JPG
- 优化图像使用
f_aut并q_aut.
- 添加
g_aut:主体参数确保,无论侧比大小,云型自动选择基于主选裁剪位置-在此例中,唯一主选取图象
- 添加薄灰色边框
<\/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(\"docs\/rmv_bgd\/stuffed.jpg\")\n .resize(\n thumbnail()\n .height(1280)\n .aspectRatio(\"1.0\")\n .gravity(autoGravity().autoFocus(focusOn(\"subject\")))\n )\n .backgroundColor(\"white\")\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .border(solid(1, \"gray\"));","codeSnippet":"new CloudinaryImage(\"docs\/rmv_bgd\/stuffed.jpg\")\n .resize(\n thumbnail()\n .height(1280)\n .aspectRatio(\"1.0\")\n .gravity(autoGravity().autoFocus(focusOn(\"subject\")))\n )\n .backgroundColor(\"white\")\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .border(solid(1, \"gray\"));","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(\"docs\/rmv_bgd\/stuffed.jpg\")\n .resize(\n thumbnail()\n .height(1280)\n .aspectRatio(\"1.0\")\n .gravity(autoGravity().autoFocus(focusOn(\"subject\")))\n )\n .backgroundColor(\"white\")\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .border(solid(1, \"gray\"));","codeSnippet":"new CloudinaryImage(\"docs\/rmv_bgd\/stuffed.jpg\")\n .resize(\n thumbnail()\n .height(1280)\n .aspectRatio(\"1.0\")\n .gravity(autoGravity().autoFocus(focusOn(\"subject\")))\n )\n .backgroundColor(\"white\")\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .border(solid(1, \"gray\"));","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(\"docs\/rmv_bgd\/stuffed.jpg\")\n .resize(\n thumbnail()\n .height(1280)\n .aspectRatio(\"1.0\")\n .gravity(autoGravity().autoFocus(focusOn(\"subject\")))\n )\n .backgroundColor(\"white\")\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .border(solid(1, \"gray\"));","codeSnippet":"new CloudinaryImage(\"docs\/rmv_bgd\/stuffed.jpg\")\n .resize(\n thumbnail()\n .height(1280)\n .aspectRatio(\"1.0\")\n .gravity(autoGravity().autoFocus(focusOn(\"subject\")))\n )\n .backgroundColor(\"white\")\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .border(solid(1, \"gray\"));","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('docs\/rmv_bgd\/stuffed.jpg', {transformation: [ {quality: \"auto\", gravity: \"auto:subject\", height: 1280, aspectRatio: \"1\", background: \"white\", crop: \"thumb\"}, {border: \"1px_solid_gray\"} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('docs\/rmv_bgd\/stuffed.jpg', {transformation: [\n {quality: \"auto\", gravity: \"auto:subject\", height: 1280, aspectRatio: \"1\", background: \"white\", crop: \"thumb\"},\n {border: \"1px_solid_gray\"}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"docs\/rmv_bgd\/stuffed.jpg\").image(transformation=[ {'quality': \"auto\", 'gravity': \"auto:subject\", 'height': 1280, 'aspect_ratio': \"1\", 'background': \"white\", 'crop': \"thumb\"}, {'border': \"1px_solid_gray\"} ])","codeSnippet":"CloudinaryImage(\"docs\/rmv_bgd\/stuffed.jpg\").image(transformation=[\n {'quality': \"auto\", 'gravity': \"auto:subject\", 'height': 1280, 'aspect_ratio': \"1\", 'background': \"white\", 'crop': \"thumb\"},\n {'border': \"1px_solid_gray\"}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('docs\/rmv_bgd\/stuffed.jpg'))\n\t->resize(Resize::thumbnail()->height(1280)\n->aspectRatio(1.0)\n\t->gravity(\n\tGravity::autoGravity()\n\t->autoFocus(\n\tAutoFocus::focusOn(\"subject\"))\n\t)\n\t)\n\t->backgroundColor(Color::WHITE)\n\t->delivery(Delivery::format(\n\tFormat::auto()))\n\t->delivery(Delivery::quality(\n\tQuality::auto()))\n\t->border(Border::solid(1,Color::GRAY));","codeSnippet":"(new ImageTag('docs\/rmv_bgd\/stuffed.jpg'))\n\t->resize(Resize::thumbnail()->height(1280)\n->aspectRatio(1.0)\n\t->gravity(\n\tGravity::autoGravity()\n\t->autoFocus(\n\tAutoFocus::focusOn(\"subject\"))\n\t)\n\t)\n\t->backgroundColor(Color::WHITE)\n\t->delivery(Delivery::format(\n\tFormat::auto()))\n\t->delivery(Delivery::quality(\n\tQuality::auto()))\n\t->border(Border::solid(1,Color::GRAY));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"docs\/rmv_bgd\/stuffed.jpg\", array(\"transformation\"=>array( array(\"quality\"=>\"auto\", \"gravity\"=>\"auto:subject\", \"height\"=>1280, \"aspect_ratio\"=>\"1\", \"background\"=>\"white\", \"crop\"=>\"thumb\"), array(\"border\"=>\"1px_solid_gray\") )))","codeSnippet":"cl_image_tag(\"docs\/rmv_bgd\/stuffed.jpg\", array(\"transformation\"=>array(\n array(\"quality\"=>\"auto\", \"gravity\"=>\"auto:subject\", \"height\"=>1280, \"aspect_ratio\"=>\"1\", \"background\"=>\"white\", \"crop\"=>\"thumb\"),\n array(\"border\"=>\"1px_solid_gray\")\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().quality(\"auto\").gravity(\"auto:subject\").height(1280).aspectRatio(\"1\").background(\"white\").crop(\"thumb\").chain() .border(\"1px_solid_gray\")).imageTag(\"docs\/rmv_bgd\/stuffed.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .quality(\"auto\").gravity(\"auto:subject\").height(1280).aspectRatio(\"1\").background(\"white\").crop(\"thumb\").chain()\n .border(\"1px_solid_gray\")).imageTag(\"docs\/rmv_bgd\/stuffed.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"docs\/rmv_bgd\/stuffed.jpg\", :transformation=>[ {:quality=>\"auto\", :gravity=>\"auto:subject\", :height=>1280, :aspect_ratio=>\"1\", :background=>\"white\", :crop=>\"thumb\"}, {:border=>\"1px_solid_gray\"} ])","codeSnippet":"cl_image_tag(\"docs\/rmv_bgd\/stuffed.jpg\", :transformation=>[\n {:quality=>\"auto\", :gravity=>\"auto:subject\", :height=>1280, :aspect_ratio=>\"1\", :background=>\"white\", :crop=>\"thumb\"},\n {:border=>\"1px_solid_gray\"}\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().Quality(\"auto\").Gravity(\"auto:subject\").Height(1280).AspectRatio(\"1\").Background(\"white\").Crop(\"thumb\").Chain() .Border(\"1px_solid_gray\")).BuildImageTag(\"docs\/rmv_bgd\/stuffed.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Quality(\"auto\").Gravity(\"auto:subject\").Height(1280).AspectRatio(\"1\").Background(\"white\").Crop(\"thumb\").Chain()\n .Border(\"1px_solid_gray\")).BuildImageTag(\"docs\/rmv_bgd\/stuffed.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('docs\/rmv_bgd\/stuffed.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().height(1280)\n.aspectRatio('1.0')\n\t.gravity(\n\tGravity.autoGravity()\n\t.autoFocus(\n\tAutoFocus.focusOn(\"subject\"))\n\t)\n\t)\n\t.backgroundColor(Color.WHITE)\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto()))\n\t.border(Border.solid(1,Color.GRAY)));","codeSnippet":"cloudinary.image('docs\/rmv_bgd\/stuffed.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().height(1280)\n.aspectRatio('1.0')\n\t.gravity(\n\tGravity.autoGravity()\n\t.autoFocus(\n\tAutoFocus.focusOn(\"subject\"))\n\t)\n\t)\n\t.backgroundColor(Color.WHITE)\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto()))\n\t.border(Border.solid(1,Color.GRAY)));","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().setQuality(\"auto\").setGravity(\"auto:subject\").setHeight(1280).setAspectRatio(\"1\").setBackground(\"white\").setCrop(\"thumb\").chain() .setBorder(\"1px_solid_gray\")).generate(\"docs\/rmv_bgd\/stuffed.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setQuality(\"auto\").setGravity(\"auto:subject\").setHeight(1280).setAspectRatio(\"1\").setBackground(\"white\").setCrop(\"thumb\").chain()\n .setBorder(\"1px_solid_gray\")).generate(\"docs\/rmv_bgd\/stuffed.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().quality(\"auto\").gravity(\"auto:subject\").height(1280).aspectRatio(\"1\").background(\"white\").crop(\"thumb\").chain() .border(\"1px_solid_gray\")).generate(\"docs\/rmv_bgd\/stuffed.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .quality(\"auto\").gravity(\"auto:subject\").height(1280).aspectRatio(\"1\").background(\"white\").crop(\"thumb\").chain()\n .border(\"1px_solid_gray\")).generate(\"docs\/rmv_bgd\/stuffed.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('docs\/rmv_bgd\/stuffed.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().height(1280)\n.aspectRatio('1.0')\n\t.gravity(\n\tGravity.autoGravity()\n\t.autoFocus(\n\tAutoFocus.focusOn(\"subject\"))\n\t)\n\t)\n\t.backgroundColor(Color.WHITE)\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto()))\n\t.border(Border.solid(1,Color.GRAY)));","codeSnippet":"cloudinary.image('docs\/rmv_bgd\/stuffed.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().height(1280)\n.aspectRatio('1.0')\n\t.gravity(\n\tGravity.autoGravity()\n\t.autoFocus(\n\tAutoFocus.focusOn(\"subject\"))\n\t)\n\t)\n\t.backgroundColor(Color.WHITE)\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto()))\n\t.border(Border.solid(1,Color.GRAY)));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"docs\/rmv_bgd\/stuffed.jpg\")\n\t resize(Resize.thumbnail() { height(1280)\n aspectRatio(1.0F)\n\t gravity(\n\tGravity.autoGravity() {\n\t autoFocus(\n\tAutoFocus.focusOn(\"subject\"))\n\t })\n\t })\n\t backgroundColor(Color.WHITE)\n\t delivery(Delivery.format(\n\tFormat.auto()))\n\t delivery(Delivery.quality(\n\tQuality.auto()))\n\t border(Border.solid(1,Color.GRAY)) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"docs\/rmv_bgd\/stuffed.jpg\")\n\t resize(Resize.thumbnail() { height(1280)\n aspectRatio(1.0F)\n\t gravity(\n\tGravity.autoGravity() {\n\t autoFocus(\n\tAutoFocus.focusOn(\"subject\"))\n\t })\n\t })\n\t backgroundColor(Color.WHITE)\n\t delivery(Delivery.format(\n\tFormat.auto()))\n\t delivery(Delivery.quality(\n\tQuality.auto()))\n\t border(Border.solid(1,Color.GRAY)) \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(\"docs\/rmv_bgd\/stuffed.jpg\", {transformation: [ {quality: \"auto\", gravity: \"auto:subject\", height: 1280, aspect_ratio: \"1\", background: \"white\", crop: \"thumb\"}, {border: \"1px_solid_gray\"} ]})","codeSnippet":"$.cloudinary.image(\"docs\/rmv_bgd\/stuffed.jpg\", {transformation: [\n {quality: \"auto\", gravity: \"auto:subject\", height: 1280, aspect_ratio: \"1\", background: \"white\", crop: \"thumb\"},\n {border: \"1px_solid_gray\"}\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(\"docs\/rmv_bgd\/stuffed.jpg\")\n .resize(\n thumbnail()\n .height(1280)\n .aspectRatio(\"1.0\")\n .gravity(autoGravity().autoFocus(focusOn(\"subject\")))\n )\n .backgroundColor(\"white\")\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .border(solid(1, \"gray\"));","codeSnippet":"new CloudinaryImage(\"docs\/rmv_bgd\/stuffed.jpg\")\n .resize(\n thumbnail()\n .height(1280)\n .aspectRatio(\"1.0\")\n .gravity(autoGravity().autoFocus(focusOn(\"subject\")))\n )\n .backgroundColor(\"white\")\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .border(solid(1, \"gray\"));","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\/f_auto,q_auto,g_auto:subject,h_1280,ar_1,c_thumb,b_white\/bo_1px_solid_gray\/docs\/rmv_bgd\/stuffed.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"format":"auto","quality":"auto","gravity":"auto:subject","height":"1280","aspect_ratio":"1","crop_mode":"thumb","background":"white"},{"border":"1px_solid_gray"}],"transformation_string":"f_auto,q_auto,g_auto:subject,h_1280,ar_1,c_thumb,b_white\/bo_1px_solid_gray","url_suffix":"","version":null,"secure":true,"public_id":"docs\/rmv_bgd\/stuffed.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" >
加载代码示例
换句话说,即使保留图像原创高度为1 280像素,交付版仍只重92KB
消除图像中过度白空间的另一个极佳方式是应用云化三联效果修剪)像这个
<\/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(\"docs\/rmv_bgd\/stuffed.jpg\")\n .reshape(trim())\n .backgroundColor(\"white\")\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .border(solid(1, \"gray\"));","codeSnippet":"new CloudinaryImage(\"docs\/rmv_bgd\/stuffed.jpg\")\n .reshape(trim())\n .backgroundColor(\"white\")\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .border(solid(1, \"gray\"));","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(\"docs\/rmv_bgd\/stuffed.jpg\")\n .reshape(trim())\n .backgroundColor(\"white\")\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .border(solid(1, \"gray\"));","codeSnippet":"new CloudinaryImage(\"docs\/rmv_bgd\/stuffed.jpg\")\n .reshape(trim())\n .backgroundColor(\"white\")\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .border(solid(1, \"gray\"));","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(\"docs\/rmv_bgd\/stuffed.jpg\")\n .reshape(trim())\n .backgroundColor(\"white\")\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .border(solid(1, \"gray\"));","codeSnippet":"new CloudinaryImage(\"docs\/rmv_bgd\/stuffed.jpg\")\n .reshape(trim())\n .backgroundColor(\"white\")\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .border(solid(1, \"gray\"));","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('docs\/rmv_bgd\/stuffed.jpg', {transformation: [ {quality: \"auto\", effect: \"trim\", background: \"white\"}, {border: \"1px_solid_gray\"} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('docs\/rmv_bgd\/stuffed.jpg', {transformation: [\n {quality: \"auto\", effect: \"trim\", background: \"white\"},\n {border: \"1px_solid_gray\"}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"docs\/rmv_bgd\/stuffed.jpg\").image(transformation=[ {'quality': \"auto\", 'effect': \"trim\", 'background': \"white\"}, {'border': \"1px_solid_gray\"} ])","codeSnippet":"CloudinaryImage(\"docs\/rmv_bgd\/stuffed.jpg\").image(transformation=[\n {'quality': \"auto\", 'effect': \"trim\", 'background': \"white\"},\n {'border': \"1px_solid_gray\"}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('docs\/rmv_bgd\/stuffed.jpg'))\n\t->reshape(Reshape::trim())\n\t->backgroundColor(Color::WHITE)\n\t->delivery(Delivery::format(\n\tFormat::auto()))\n\t->delivery(Delivery::quality(\n\tQuality::auto()))\n\t->border(Border::solid(1,Color::GRAY));","codeSnippet":"(new ImageTag('docs\/rmv_bgd\/stuffed.jpg'))\n\t->reshape(Reshape::trim())\n\t->backgroundColor(Color::WHITE)\n\t->delivery(Delivery::format(\n\tFormat::auto()))\n\t->delivery(Delivery::quality(\n\tQuality::auto()))\n\t->border(Border::solid(1,Color::GRAY));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"docs\/rmv_bgd\/stuffed.jpg\", array(\"transformation\"=>array( array(\"quality\"=>\"auto\", \"effect\"=>\"trim\", \"background\"=>\"white\"), array(\"border\"=>\"1px_solid_gray\") )))","codeSnippet":"cl_image_tag(\"docs\/rmv_bgd\/stuffed.jpg\", array(\"transformation\"=>array(\n array(\"quality\"=>\"auto\", \"effect\"=>\"trim\", \"background\"=>\"white\"),\n array(\"border\"=>\"1px_solid_gray\")\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().quality(\"auto\").effect(\"trim\").background(\"white\").chain() .border(\"1px_solid_gray\")).imageTag(\"docs\/rmv_bgd\/stuffed.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .quality(\"auto\").effect(\"trim\").background(\"white\").chain()\n .border(\"1px_solid_gray\")).imageTag(\"docs\/rmv_bgd\/stuffed.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"docs\/rmv_bgd\/stuffed.jpg\", :transformation=>[ {:quality=>\"auto\", :effect=>\"trim\", :background=>\"white\"}, {:border=>\"1px_solid_gray\"} ])","codeSnippet":"cl_image_tag(\"docs\/rmv_bgd\/stuffed.jpg\", :transformation=>[\n {:quality=>\"auto\", :effect=>\"trim\", :background=>\"white\"},\n {:border=>\"1px_solid_gray\"}\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().Quality(\"auto\").Effect(\"trim\").Background(\"white\").Chain() .Border(\"1px_solid_gray\")).BuildImageTag(\"docs\/rmv_bgd\/stuffed.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Quality(\"auto\").Effect(\"trim\").Background(\"white\").Chain()\n .Border(\"1px_solid_gray\")).BuildImageTag(\"docs\/rmv_bgd\/stuffed.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('docs\/rmv_bgd\/stuffed.jpg').transformation(Transformation()\n\t.reshape(Reshape.trim())\n\t.backgroundColor(Color.WHITE)\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto()))\n\t.border(Border.solid(1,Color.GRAY)));","codeSnippet":"cloudinary.image('docs\/rmv_bgd\/stuffed.jpg').transformation(Transformation()\n\t.reshape(Reshape.trim())\n\t.backgroundColor(Color.WHITE)\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto()))\n\t.border(Border.solid(1,Color.GRAY)));","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().setQuality(\"auto\").setEffect(\"trim\").setBackground(\"white\").chain() .setBorder(\"1px_solid_gray\")).generate(\"docs\/rmv_bgd\/stuffed.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setQuality(\"auto\").setEffect(\"trim\").setBackground(\"white\").chain()\n .setBorder(\"1px_solid_gray\")).generate(\"docs\/rmv_bgd\/stuffed.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().quality(\"auto\").effect(\"trim\").background(\"white\").chain() .border(\"1px_solid_gray\")).generate(\"docs\/rmv_bgd\/stuffed.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .quality(\"auto\").effect(\"trim\").background(\"white\").chain()\n .border(\"1px_solid_gray\")).generate(\"docs\/rmv_bgd\/stuffed.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('docs\/rmv_bgd\/stuffed.jpg').transformation(Transformation()\n\t.reshape(Reshape.trim())\n\t.backgroundColor(Color.WHITE)\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto()))\n\t.border(Border.solid(1,Color.GRAY)));","codeSnippet":"cloudinary.image('docs\/rmv_bgd\/stuffed.jpg').transformation(Transformation()\n\t.reshape(Reshape.trim())\n\t.backgroundColor(Color.WHITE)\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto()))\n\t.border(Border.solid(1,Color.GRAY)));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"docs\/rmv_bgd\/stuffed.jpg\")\n\t reshape(Reshape.trim())\n\t backgroundColor(Color.WHITE)\n\t delivery(Delivery.format(\n\tFormat.auto()))\n\t delivery(Delivery.quality(\n\tQuality.auto()))\n\t border(Border.solid(1,Color.GRAY)) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"docs\/rmv_bgd\/stuffed.jpg\")\n\t reshape(Reshape.trim())\n\t backgroundColor(Color.WHITE)\n\t delivery(Delivery.format(\n\tFormat.auto()))\n\t delivery(Delivery.quality(\n\tQuality.auto()))\n\t border(Border.solid(1,Color.GRAY)) \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(\"docs\/rmv_bgd\/stuffed.jpg\", {transformation: [ {quality: \"auto\", effect: \"trim\", background: \"white\"}, {border: \"1px_solid_gray\"} ]})","codeSnippet":"$.cloudinary.image(\"docs\/rmv_bgd\/stuffed.jpg\", {transformation: [\n {quality: \"auto\", effect: \"trim\", background: \"white\"},\n {border: \"1px_solid_gray\"}\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(\"docs\/rmv_bgd\/stuffed.jpg\")\n .reshape(trim())\n .backgroundColor(\"white\")\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .border(solid(1, \"gray\"));","codeSnippet":"new CloudinaryImage(\"docs\/rmv_bgd\/stuffed.jpg\")\n .reshape(trim())\n .backgroundColor(\"white\")\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .border(solid(1, \"gray\"));","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\/f_auto,q_auto,e_trim,b_white\/bo_1px_solid_gray\/docs\/rmv_bgd\/stuffed.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"format":"auto","quality":"auto","effect":"trim","background":"white"},{"border":"1px_solid_gray"}],"transformation_string":"f_auto,q_auto,e_trim,b_white\/bo_1px_solid_gray","url_suffix":"","version":null,"secure":true,"public_id":"docs\/rmv_bgd\/stuffed.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" >
加载代码示例
除后台清除加法外,优化图像传送往往涉及其他变换,如替换透明后台和将图像转换为非PNG格式难怪我们不直接返回已有固白背景的JPG
很高兴你开口.
光中色后台破解全白页面单调性,有时甚至传递某种风格或个性而不分散访问者对主题的注意力Walmart.com服装登陆页举一个例子
云型自动改变背景色,设置后台值b_) URL参数对理想色举个例子,这里浅蓝背景绵羊图像.
反之,一些零售商,例如zara.com选择有色白或黑产品背景和中性其他商品背景
完全透明后台很容易添加阴影原照片对象有阴影后,后台清除添加-On将消除阴影后,使你能够为产品图像添加一致的影定位和大小
例举 :
下方显示极右图像变换
<\/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(\"docs\/rmv_bgd\/remote.png\")\n .resize(scale().width(200))\n .delivery(quality(auto()))\n .effect(shadow().strength(50).offsetX(6).offsetY(6));","codeSnippet":"new CloudinaryImage(\"docs\/rmv_bgd\/remote.png\")\n .resize(scale().width(200))\n .delivery(quality(auto()))\n .effect(shadow().strength(50).offsetX(6).offsetY(6));","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(\"docs\/rmv_bgd\/remote.png\")\n .resize(scale().width(200))\n .delivery(quality(auto()))\n .effect(shadow().strength(50).offsetX(6).offsetY(6));","codeSnippet":"new CloudinaryImage(\"docs\/rmv_bgd\/remote.png\")\n .resize(scale().width(200))\n .delivery(quality(auto()))\n .effect(shadow().strength(50).offsetX(6).offsetY(6));","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(\"docs\/rmv_bgd\/remote.png\")\n .resize(scale().width(200))\n .delivery(quality(auto()))\n .effect(shadow().strength(50).offsetX(6).offsetY(6));","codeSnippet":"new CloudinaryImage(\"docs\/rmv_bgd\/remote.png\")\n .resize(scale().width(200))\n .delivery(quality(auto()))\n .effect(shadow().strength(50).offsetX(6).offsetY(6));","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('docs\/rmv_bgd\/remote.png', {transformation: [ {width: 200, quality: \"auto\", crop: \"scale\"}, {effect: \"shadow:50\", x: 6, y: 6} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('docs\/rmv_bgd\/remote.png', {transformation: [\n {width: 200, quality: \"auto\", crop: \"scale\"},\n {effect: \"shadow:50\", x: 6, y: 6}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"docs\/rmv_bgd\/remote.png\").image(transformation=[ {'width': 200, 'quality': \"auto\", 'crop': \"scale\"}, {'effect': \"shadow:50\", 'x': 6, 'y': 6} ])","codeSnippet":"CloudinaryImage(\"docs\/rmv_bgd\/remote.png\").image(transformation=[\n {'width': 200, 'quality': \"auto\", 'crop': \"scale\"},\n {'effect': \"shadow:50\", 'x': 6, 'y': 6}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('docs\/rmv_bgd\/remote.png'))\n\t->resize(Resize::scale()->width(200))\n\t->delivery(Delivery::quality(\n\tQuality::auto()))\n\t->effect(Effect::shadow()->strength(50)\n->offsetX(6)\n->offsetY(6));","codeSnippet":"(new ImageTag('docs\/rmv_bgd\/remote.png'))\n\t->resize(Resize::scale()->width(200))\n\t->delivery(Delivery::quality(\n\tQuality::auto()))\n\t->effect(Effect::shadow()->strength(50)\n->offsetX(6)\n->offsetY(6));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"docs\/rmv_bgd\/remote.png\", array(\"transformation\"=>array( array(\"width\"=>200, \"quality\"=>\"auto\", \"crop\"=>\"scale\"), array(\"effect\"=>\"shadow:50\", \"x\"=>6, \"y\"=>6) )))","codeSnippet":"cl_image_tag(\"docs\/rmv_bgd\/remote.png\", array(\"transformation\"=>array(\n array(\"width\"=>200, \"quality\"=>\"auto\", \"crop\"=>\"scale\"),\n array(\"effect\"=>\"shadow:50\", \"x\"=>6, \"y\"=>6)\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().width(200).quality(\"auto\").crop(\"scale\").chain() .effect(\"shadow:50\").x(6).y(6)).imageTag(\"docs\/rmv_bgd\/remote.png\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .width(200).quality(\"auto\").crop(\"scale\").chain()\n .effect(\"shadow:50\").x(6).y(6)).imageTag(\"docs\/rmv_bgd\/remote.png\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"docs\/rmv_bgd\/remote.png\", :transformation=>[ {:width=>200, :quality=>\"auto\", :crop=>\"scale\"}, {:effect=>\"shadow:50\", :x=>6, :y=>6} ])","codeSnippet":"cl_image_tag(\"docs\/rmv_bgd\/remote.png\", :transformation=>[\n {:width=>200, :quality=>\"auto\", :crop=>\"scale\"},\n {:effect=>\"shadow:50\", :x=>6, :y=>6}\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().Width(200).Quality(\"auto\").Crop(\"scale\").Chain() .Effect(\"shadow:50\").X(6).Y(6)).BuildImageTag(\"docs\/rmv_bgd\/remote.png\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Width(200).Quality(\"auto\").Crop(\"scale\").Chain()\n .Effect(\"shadow:50\").X(6).Y(6)).BuildImageTag(\"docs\/rmv_bgd\/remote.png\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('docs\/rmv_bgd\/remote.png').transformation(Transformation()\n\t.resize(Resize.scale().width(200))\n\t.delivery(Delivery.quality(\n\tQuality.auto()))\n\t.effect(Effect.shadow().strength(50)\n.offsetX(6)\n.offsetY(6)));","codeSnippet":"cloudinary.image('docs\/rmv_bgd\/remote.png').transformation(Transformation()\n\t.resize(Resize.scale().width(200))\n\t.delivery(Delivery.quality(\n\tQuality.auto()))\n\t.effect(Effect.shadow().strength(50)\n.offsetX(6)\n.offsetY(6)));","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(200).setQuality(\"auto\").setCrop(\"scale\").chain() .setEffect(\"shadow:50\").setX(6).setY(6)).generate(\"docs\/rmv_bgd\/remote.png\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setWidth(200).setQuality(\"auto\").setCrop(\"scale\").chain()\n .setEffect(\"shadow:50\").setX(6).setY(6)).generate(\"docs\/rmv_bgd\/remote.png\")!, 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(200).quality(\"auto\").crop(\"scale\").chain() .effect(\"shadow:50\").x(6).y(6)).generate(\"docs\/rmv_bgd\/remote.png\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .width(200).quality(\"auto\").crop(\"scale\").chain()\n .effect(\"shadow:50\").x(6).y(6)).generate(\"docs\/rmv_bgd\/remote.png\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('docs\/rmv_bgd\/remote.png').transformation(Transformation()\n\t.resize(Resize.scale().width(200))\n\t.delivery(Delivery.quality(\n\tQuality.auto()))\n\t.effect(Effect.shadow().strength(50)\n.offsetX(6)\n.offsetY(6)));","codeSnippet":"cloudinary.image('docs\/rmv_bgd\/remote.png').transformation(Transformation()\n\t.resize(Resize.scale().width(200))\n\t.delivery(Delivery.quality(\n\tQuality.auto()))\n\t.effect(Effect.shadow().strength(50)\n.offsetX(6)\n.offsetY(6)));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"docs\/rmv_bgd\/remote.png\")\n\t resize(Resize.scale() { width(200) })\n\t delivery(Delivery.quality(\n\tQuality.auto()))\n\t effect(Effect.shadow() { strength(50)\n offsetX(6)\n offsetY(6) }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"docs\/rmv_bgd\/remote.png\")\n\t resize(Resize.scale() { width(200) })\n\t delivery(Delivery.quality(\n\tQuality.auto()))\n\t effect(Effect.shadow() { strength(50)\n offsetX(6)\n offsetY(6) }) \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(\"docs\/rmv_bgd\/remote.png\", {transformation: [ {width: 200, quality: \"auto\", crop: \"scale\"}, {effect: \"shadow:50\", x: 6, y: 6} ]})","codeSnippet":"$.cloudinary.image(\"docs\/rmv_bgd\/remote.png\", {transformation: [\n {width: 200, quality: \"auto\", crop: \"scale\"},\n {effect: \"shadow:50\", x: 6, y: 6}\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(\"docs\/rmv_bgd\/remote.png\")\n .resize(scale().width(200))\n .delivery(quality(auto()))\n .effect(shadow().strength(50).offsetX(6).offsetY(6));","codeSnippet":"new CloudinaryImage(\"docs\/rmv_bgd\/remote.png\")\n .resize(scale().width(200))\n .delivery(quality(auto()))\n .effect(shadow().strength(50).offsetX(6).offsetY(6));","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_200,q_auto\/e_shadow:50,x_6,y_6\/docs\/rmv_bgd\/remote.png","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"width":"200","quality":"auto"},{"effect":"shadow:50","x":"6","y":"6"}],"transformation_string":"w_200,q_auto\/e_shadow:50,x_6,y_6","url_suffix":"","version":null,"secure":true,"public_id":"docs\/rmv_bgd\/remote.png","extension":"png","format":"png","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" >
加载代码示例
取乐添加内接参数设置为图像公开标识为绿屏效果添加背景场景
瞬时即飞变后, 我们可以派出棒球手到外太空, 带狗下沙发, 并架设步行靴对自然风景:
下方传送代码 徒步靴图像
点击上方右列中其他变换图像查看浏览器中的交付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(\"docs\/rmv_bgd\/shoes.png\")\n .resize(scale().width(800))\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .underlay(\n source(\n image(\"docs\/canyon2\").transformation(\n new Transformation().resize(scale().height(1000))\n )\n ).position(new Position().gravity(compass(\"south\")))\n );","codeSnippet":"new CloudinaryImage(\"docs\/rmv_bgd\/shoes.png\")\n .resize(scale().width(800))\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .underlay(\n source(\n image(\"docs\/canyon2\").transformation(\n new Transformation().resize(scale().height(1000))\n )\n ).position(new Position().gravity(compass(\"south\")))\n );","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":"
<\/cld-image>","codeSnippet":"
\n\t
\n\t
\n<\/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(\"docs\/rmv_bgd\/shoes.png\")\n .resize(scale().width(800))\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .underlay(\n source(\n image(\"docs\/canyon2\").transformation(\n new Transformation().resize(scale().height(1000))\n )\n ).position(new Position().gravity(compass(\"south\")))\n );","codeSnippet":"new CloudinaryImage(\"docs\/rmv_bgd\/shoes.png\")\n .resize(scale().width(800))\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .underlay(\n source(\n image(\"docs\/canyon2\").transformation(\n new Transformation().resize(scale().height(1000))\n )\n ).position(new Position().gravity(compass(\"south\")))\n );","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":"
<\/cl-transformation>
<\/cl-transformation> <\/cl-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(\"docs\/rmv_bgd\/shoes.png\")\n .resize(scale().width(800))\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .underlay(\n source(\n image(\"docs\/canyon2\").transformation(\n new Transformation().resize(scale().height(1000))\n )\n ).position(new Position().gravity(compass(\"south\")))\n );","codeSnippet":"new CloudinaryImage(\"docs\/rmv_bgd\/shoes.png\")\n .resize(scale().width(800))\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .underlay(\n source(\n image(\"docs\/canyon2\").transformation(\n new Transformation().resize(scale().height(1000))\n )\n ).position(new Position().gravity(compass(\"south\")))\n );","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('docs\/rmv_bgd\/shoes.png', {transformation: [ {width: 800, quality: \"auto\", crop: \"scale\"}, {underlay: new cloudinary.Layer().publicId(\"docs:canyon2\"), gravity: \"south\", height: 1000} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('docs\/rmv_bgd\/shoes.png', {transformation: [\n {width: 800, quality: \"auto\", crop: \"scale\"},\n {underlay: new cloudinary.Layer().publicId(\"docs:canyon2\"), gravity: \"south\", height: 1000}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"docs\/rmv_bgd\/shoes.png\").image(transformation=[ {'width': 800, 'quality': \"auto\", 'crop': \"scale\"}, {'underlay': \"docs:canyon2\", 'gravity': \"south\", 'height': 1000} ])","codeSnippet":"CloudinaryImage(\"docs\/rmv_bgd\/shoes.png\").image(transformation=[\n {'width': 800, 'quality': \"auto\", 'crop': \"scale\"},\n {'underlay': \"docs:canyon2\", 'gravity': \"south\", 'height': 1000}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('docs\/rmv_bgd\/shoes.png'))\n\t->resize(Resize::scale()->width(800))\n\t->delivery(Delivery::format(\n\tFormat::auto()))\n\t->delivery(Delivery::quality(\n\tQuality::auto()))\n\t->underlay(Underlay::source(\n\tSource::image(\"docs\/canyon2\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->height(1000)))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::south()))\n\t)\n\t);","codeSnippet":"(new ImageTag('docs\/rmv_bgd\/shoes.png'))\n\t->resize(Resize::scale()->width(800))\n\t->delivery(Delivery::format(\n\tFormat::auto()))\n\t->delivery(Delivery::quality(\n\tQuality::auto()))\n\t->underlay(Underlay::source(\n\tSource::image(\"docs\/canyon2\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->height(1000)))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::south()))\n\t)\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(\"docs\/rmv_bgd\/shoes.png\", array(\"transformation\"=>array( array(\"width\"=>800, \"quality\"=>\"auto\", \"crop\"=>\"scale\"), array(\"underlay\"=>\"docs:canyon2\", \"gravity\"=>\"south\", \"height\"=>1000) )))","codeSnippet":"cl_image_tag(\"docs\/rmv_bgd\/shoes.png\", array(\"transformation\"=>array(\n array(\"width\"=>800, \"quality\"=>\"auto\", \"crop\"=>\"scale\"),\n array(\"underlay\"=>\"docs:canyon2\", \"gravity\"=>\"south\", \"height\"=>1000)\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().width(800).quality(\"auto\").crop(\"scale\").chain() .underlay(new Layer().publicId(\"docs:canyon2\")).gravity(\"south\").height(1000)).imageTag(\"docs\/rmv_bgd\/shoes.png\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .width(800).quality(\"auto\").crop(\"scale\").chain()\n .underlay(new Layer().publicId(\"docs:canyon2\")).gravity(\"south\").height(1000)).imageTag(\"docs\/rmv_bgd\/shoes.png\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"docs\/rmv_bgd\/shoes.png\", :transformation=>[ {:width=>800, :quality=>\"auto\", :crop=>\"scale\"}, {:underlay=>\"docs:canyon2\", :gravity=>\"south\", :height=>1000} ])","codeSnippet":"cl_image_tag(\"docs\/rmv_bgd\/shoes.png\", :transformation=>[\n {:width=>800, :quality=>\"auto\", :crop=>\"scale\"},\n {:underlay=>\"docs:canyon2\", :gravity=>\"south\", :height=>1000}\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().Width(800).Quality(\"auto\").Crop(\"scale\").Chain() .Underlay(new Layer().PublicId(\"docs:canyon2\")).Gravity(\"south\").Height(1000)).BuildImageTag(\"docs\/rmv_bgd\/shoes.png\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Width(800).Quality(\"auto\").Crop(\"scale\").Chain()\n .Underlay(new Layer().PublicId(\"docs:canyon2\")).Gravity(\"south\").Height(1000)).BuildImageTag(\"docs\/rmv_bgd\/shoes.png\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('docs\/rmv_bgd\/shoes.png').transformation(Transformation()\n\t.resize(Resize.scale().width(800))\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto()))\n\t.underlay(Underlay.source(\n\tSource.image(\"docs\/canyon2\")\n\t.transformation(new Transformation()\n\t.resize(Resize.scale().height(1000)))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.south()))\n\t)\n\t));","codeSnippet":"cloudinary.image('docs\/rmv_bgd\/shoes.png').transformation(Transformation()\n\t.resize(Resize.scale().width(800))\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto()))\n\t.underlay(Underlay.source(\n\tSource.image(\"docs\/canyon2\")\n\t.transformation(new Transformation()\n\t.resize(Resize.scale().height(1000)))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.south()))\n\t)\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(800).setQuality(\"auto\").setCrop(\"scale\").chain() .setUnderlay(\"docs:canyon2\").setGravity(\"south\").setHeight(1000)).generate(\"docs\/rmv_bgd\/shoes.png\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setWidth(800).setQuality(\"auto\").setCrop(\"scale\").chain()\n .setUnderlay(\"docs:canyon2\").setGravity(\"south\").setHeight(1000)).generate(\"docs\/rmv_bgd\/shoes.png\")!, 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(800).quality(\"auto\").crop(\"scale\").chain() .underlay(new Layer().publicId(\"docs:canyon2\")).gravity(\"south\").height(1000)).generate(\"docs\/rmv_bgd\/shoes.png\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .width(800).quality(\"auto\").crop(\"scale\").chain()\n .underlay(new Layer().publicId(\"docs:canyon2\")).gravity(\"south\").height(1000)).generate(\"docs\/rmv_bgd\/shoes.png\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('docs\/rmv_bgd\/shoes.png').transformation(Transformation()\n\t.resize(Resize.scale().width(800))\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto()))\n\t.underlay(Underlay.source(\n\tSource.image(\"docs\/canyon2\")\n\t.transformation(new Transformation()\n\t.resize(Resize.scale().height(1000)))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.south()))\n\t)\n\t));","codeSnippet":"cloudinary.image('docs\/rmv_bgd\/shoes.png').transformation(Transformation()\n\t.resize(Resize.scale().width(800))\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto()))\n\t.underlay(Underlay.source(\n\tSource.image(\"docs\/canyon2\")\n\t.transformation(new Transformation()\n\t.resize(Resize.scale().height(1000)))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.south()))\n\t)\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(\"docs\/rmv_bgd\/shoes.png\")\n\t resize(Resize.scale() { width(800) })\n\t delivery(Delivery.format(\n\tFormat.auto()))\n\t delivery(Delivery.quality(\n\tQuality.auto()))\n\t underlay(Underlay.source(\n\tSource.image(\"docs\/canyon2\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { height(1000) }) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.south()))\n\t })\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"docs\/rmv_bgd\/shoes.png\")\n\t resize(Resize.scale() { width(800) })\n\t delivery(Delivery.format(\n\tFormat.auto()))\n\t delivery(Delivery.quality(\n\tQuality.auto()))\n\t underlay(Underlay.source(\n\tSource.image(\"docs\/canyon2\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { height(1000) }) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.south()))\n\t })\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(\"docs\/rmv_bgd\/shoes.png\", {transformation: [ {width: 800, quality: \"auto\", crop: \"scale\"}, {underlay: new cloudinary.Layer().publicId(\"docs:canyon2\"), gravity: \"south\", height: 1000} ]})","codeSnippet":"$.cloudinary.image(\"docs\/rmv_bgd\/shoes.png\", {transformation: [\n {width: 800, quality: \"auto\", crop: \"scale\"},\n {underlay: new cloudinary.Layer().publicId(\"docs:canyon2\"), gravity: \"south\", height: 1000}\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(\"docs\/rmv_bgd\/shoes.png\")\n .resize(scale().width(800))\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .underlay(\n source(\n image(\"docs\/canyon2\").transformation(\n new Transformation().resize(scale().height(1000))\n )\n ).position(new Position().gravity(compass(\"south\")))\n );","codeSnippet":"new CloudinaryImage(\"docs\/rmv_bgd\/shoes.png\")\n .resize(scale().width(800))\n .delivery(format(auto()))\n .delivery(quality(auto()))\n .underlay(\n source(\n image(\"docs\/canyon2\").transformation(\n new Transformation().resize(scale().height(1000))\n )\n ).position(new Position().gravity(compass(\"south\")))\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_800,f_auto,q_auto\/u_docs:canyon2,g_south,h_1000\/docs\/rmv_bgd\/shoes.png","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"width":"800","format":"auto","quality":"auto"},{"underlay":"docs:canyon2","gravity":"south","height":"1000"}],"transformation_string":"w_800,f_auto,q_auto\/u_docs:canyon2,g_south,h_1000","url_suffix":"","version":null,"secure":true,"public_id":"docs\/rmv_bgd\/shoes.png","extension":"png","format":"png","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" >
加载代码示例
网站或市场显示产品图片或为用户上传照片提供背景清除服务时,需要自动化、高效和可靠的解决方案,最终以敏锐清晰前景图像传递图像。原创后台出图片后,你可自由提供带白背景、中性颜色、亮色或实战背景的产品图片
执行所有以上内容一种方式是将所有无后台图像-连同其他产品图像或视频-放入单旋转木马控制画廊,如云情馆产品画廊.细节见此博客文章....视频教程并产品库文档.
开始注册免费云式账号并注册免费级云型AI后台清除.并退步附加文档.
我们想在下文评论中看到您的变换图片
阅读这些文章
远程控制
无后台远程控制
无后台遥控加影
