电子商务、媒体和新闻网站通常会移除图像背景或使其透明，以便将图像的主要元素置于白色或彩色背景上。最终的结果是更好地将图像集成到站点或特定页面的图形设计中。例如，一个展示服装或鞋子的时尚网站应该将照片的主要元素（例如鞋子）从原始图像背景中提取出来，然后进行编辑以适应网站的目录设计和结构。删除背景附加组件我们很高兴介绍Remove The Background editing插件，这是一个支持图像背景删除的第三方图像处理插件。这个插件是由Pixelz为您带来的，Pixelz是一家领先的图像编辑解决方案组件供应商，包括专业的背景去除，这是由一组人类专家执行的。我们Cloudinary已经尝试了很多次，结果都很不错太棒了。好了是可以帮助自动更改或删除背景的工具。尽管如此，如果你的目标是创造完美的结果，使用图形编辑器/设计师将是你最好的选择。然而，Cloudinary没有雇佣内部或自由设计师，而是删除了后台插件，使这个过程更加简单。由于新的附加组件完全集成到Cloudinary的图像管理管道中），所以当您上传图像时，您可以通过删除背景专家来轻松、自动地对其进行编辑。网络研讨会如何使用cloudinary删除照片背景我们想演示一下这个过程，从下面的图片开始：URLRubyPHPPythonNode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosalll公司：复制到clipboardhttps://res.cloudinary.com/demo/image/upload/shoes_orig.jpgRuby：复制到剪贴板cl_image_tag（"鞋子_原稿.jpg")PHP:复制到剪贴板cl_image_tag（"鞋子_原稿.jpg")Python:复制到剪贴板CloudinaryImage（"鞋子_原稿.jpg"）.image（）节点.js：复制到剪贴板cloudinary.image（"鞋子_原稿.jpg")Java:复制到剪贴板cloudinary.url（）.imageTag（"鞋_原稿.jpg");JS:复制到剪贴板cloudinary.imageTag（鞋子_原稿.jpg'）.toHtml（）；jQuery:复制到剪贴板$.cloudinary.image（"鞋子_原稿.jpg")反应：复制到剪贴板Vue.js版：复制到剪贴板角度：复制到剪贴板.Net:复制到剪贴板cloudinary.Api.UrlImgUp.BuildImageTag（"鞋_原稿.jpg")Android:复制到剪贴板媒体管理器.get（）.url（）.generate（"鞋子_原稿.jpg");iOS:复制到剪贴板图像视图.cldSetImage(cloudinary.createUrl（）.生成（"鞋_原稿.jpg")!，cloudinary:云数据库）您可以在将照片上载到Cloudinary时，使用下面代码示例中演示的上载API，或者使用已经上载的图像的管理API来开始该过程。只需在API.rubyhppythonnode.jsJavaAllRuby：复制到剪贴板云数据库：上传器.upload("鞋.jpg",：public_id=>"鞋"，：background_remove=>"删除\u背景"）PHP:复制到剪贴板\Cloudinary\Uploader:：上载（"鞋.jpg",阵列("public_id"=>"鞋"，"背景移除"=>"移除背景"));Python:复制到剪贴板云数据库.uploader.upload("鞋.jpg",public_id="鞋"，移除背景"u"）节点.js：复制到剪贴板云数据库.uploader.upload("鞋.jpg",函数（结果）{控制台.log（结果）；}，{public_id:"鞋子"，背景移除："移除背景"}；Java:复制到剪贴板cloudinary.uploader（）。上载（"鞋.jpg", 云数据库.asMap("公共账号"，"鞋子"，"背景移除"，"移除背景"）；如上所述，自动背景更改或删除由"删除背景"的专家组执行，因此可能需要24小时才能完成。Cloudinary异步地处理请求，然后当后台删除完成时，原始上传的图像将被编辑后的图像替换。原始图像的备份会自动保存到Cloudinary。还可以收到一个通知，指示编辑过程何时完成。下面，你可以看到图片的背景是如何被删除的结果：urlrubyphpythonnode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosallull：复制到clipboardhttps://res.cloudinary.com/demo/image/upload/shoes.jpgRuby：复制到剪贴板cl\U图像标记（"鞋.jpg")PHP:复制到剪贴板cl\U图像标记（"鞋.jpg")Python:复制到剪贴板云图像（"鞋.jpg"）.image（）节点.js：复制到剪贴板cloudinary.image("鞋.jpg")Java:复制到剪贴板cloudinary.url（）.imageTag（"鞋.jpg");JS:复制到剪贴板cloudinary.imageTag('鞋.jpg'）.toHtml（）；jQuery:复制到剪贴板$.cloudinary.image("鞋.jpg")反应：复制到剪贴板Vue.js版：复制到剪贴板角度：复制到剪贴板.Net:复制到剪贴板cloudinary.Api.UrlImgUp.BuildImageTag（"鞋.jpg")Android:复制到剪贴板媒体管理器.get（）.url（）。生成（"鞋.jpg");iOS:复制到剪贴板图像视图.cldSetImage(cloudinary.createUrl（）。生成（"鞋.jpg")!，cloudinary:云数据库）使用Cloudinary的操作url，可以进一步操作图片以适合您自己的图形和设计。例如，在下面，您可以看到相同的图像裁剪为250 x 250，饱和度增加。URLRubyPHPPythonNode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosalll公司：复制到clipboardhttps://res.cloudinary.com/demo/image/upload/wú，h？250，c？填充，e？s饱和度：80/shoes.jpgRuby：复制到剪贴板cl\U图像标记（"鞋.jpg"，：width=>250，：height=>250，：effect=>"秒饱和度：80"，：裁剪=>"填充"）PHP:复制到剪贴板cl\U图像标记（"鞋.jpg，数组（"width"=>250，"height"=>250，"effect"=>"s"饱和度：80"，"裁剪"=>"填充"））Python:复制到剪贴板云图像（"鞋.jpg）.image（宽度=250，高度=250，效果="s饱和度：80，裁剪="填充"）节点.js：复制到剪贴板cloudinary.image("鞋.jpg"，{宽：250，高：250，效果："s饱和度：80，裁剪："填充"}）Java:复制到剪贴板cloudinary.url（）。转换（新转换（）。宽度（250）。高度（250）。效果（"s饱和度：80"）.crop（"fill"）.imageTag（"鞋.jpg");JS:复制到剪贴板cloudinary.imageTag('鞋.jpg'，{宽：250，高：250，效果："s80：饱和，crop:"fill"}）.toHtml（）；jQuery:复制到剪贴板$.cloudinary.image("鞋.jpg"，{宽：250，高：250，效果："s饱和度：80，裁剪："填充"}）反应：复制到剪贴板变换="250"效果饱和度：80"crop="fill"/>Vue.js版：复制到剪贴板角度：复制到剪贴板.Net:复制到剪贴板cloudinary.Api.UrlImgUp.Transform（new Transformation（）.Width（250）.高度（250）.Effect（"s饱和度：80"）.Crop（"fill"）.BuildImageTag（"鞋.jpg")Android:复制到剪贴板媒体管理器.get（）.url（）.transformation（新转换（）.width（250）。height（250）.effect（"s饱和度：80"）.crop（"fill"）。生成（"鞋.jpg");iOS:复制到剪贴板图像视图.cldSetImage(cloudinary.createUrl（）.setTransformation（CLDTransformation（）.setWidth（250）.setHeight（250）.setEffect（"s饱和度：80"）.setCrop（"fill"）。生成（"鞋.jpg")!，cloudinary:云数据库）此加载项可以从任何类型的照片中删除背景，包括人物照片。URLRubyPHPPythonNode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosalll公司：复制到clipboardhttps://res.cloudinary.com/demo/image/upload/woman.jpgRuby：复制到剪贴板cl\U图像标记（"女人.jpg")PHP:复制到剪贴板cl\U图像标记（"女人.jpg")Python:复制到剪贴板云图像（"女人.jpg"）.image（）节点.js：复制到剪贴板cloudinary.image("女人.jpg")Java:复制到剪贴板cloudinary.url（）.imageTag（"女人.jpg");JS:复制到剪贴板cloudinary.imageTag('女人.jpg'）.toHtml（）；jQuery:复制到剪贴板$.cloudinary.image("女人.jpg")反应：复制到剪贴板Vue.js版：复制到剪贴板角度：复制到剪贴板.Net:复制到剪贴板cloudinary.Api.UrlImgUp.BuildImageTag（"女人.jpg")Android:复制到剪贴板媒体管理器.get（）.url（）。生成（"女人.jpg");iOS:复制到剪贴板图像视图.cldSetImage(cloudinary.createUrl（）。生成（"女人.jpg")!，cloudinary:云数据库）下面的图像是使用Cloudinary的操作url动态创建的。创建了200x200个基于人脸检测的缩略图。左边的图像是原始图像的缩略图，右边的图像是带有背景的缩略图删除了.urlrubyphpythonnode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosalll公司：复制到clipboardhttps://res.cloudinary.com/demo/image/upload/w_200，h·U 200，c·U·拇指·g·U·脸/女人.jpgRuby：复制到剪贴板cl\U图像标记（"女人.jpg"，：width=>200，：height=>200，：gravity=>"face"，：crop=>"拇指"）PHP:复制到剪贴板cl\U图像标记（"女人.jpg"，数组（"width"=>200，"height"=>200，"gravity"=>"face"，"crop"=>"thumb"））Python:复制到剪贴板云图像（"女人.jpg"）.image（宽度=200，高度=200，重力="面"，裁剪="拇指"）节点.js：复制到剪贴板cloudinary.image("女人.jpg，{宽度：200，高度：200，重力："面"，裁剪："拇指"}）Java:复制到剪贴板cloudinary.url（）.transformation（new transformation（）.width（200）.height（200）.gravity（"face"）.crop（"thumb"））.imageTag（"女人.jpg");JS:复制到剪贴板cloudinary.imageTag('女人.jpg'，{width:200，height:200，重力："face"，crop:"thumb"}）.toHtml（）；jQuery:复制到剪贴板$.cloudinary.image("女人.jpg{200，宽：200