增加模糊效果对安全性、隐私性和其他几个原因都很重要文章将展示如何使用编程和机台完成混淆脸部
为什么要自动添加模糊特效
混淆面部有许多原因它可以防止无意泄露你的位置、突出某些颜色和特征或维护面部隐私
贝斯特登录入口官网下载多线上免费资源可供照片混淆面孔使用,但这些网站不大规模编辑这是哪里云化可帮助
贝斯特2200娱乐云形媒体管理平台面向网站应用快速易增效果云形自动优化图像和视频并用小文件提供文件,同时使用少带宽和提供更好的用户经验保持高视觉质量
学习用云化图像混淆面孔
创建a程序混淆图像中所有面孔
步步前行需要安装节点JS上系统
成功安装节点时,可运行命令测试出局:
节点-五
成功安装节点后,将接收下列输出:
步骤1:创建重act应用
打开终端并浏览所期望目录后通过运行创建您的 React项目 :
sx创建应用实例
注解:回文为您的应用提供锅炉代码实现
因为我们项目不需要这个, 你可以忽略代码生成
接下去打开VS代码或编辑器选择并浏览应用目录启动应用m启动
:
步骤2:签名云
开始编解码前,你必须搭建云形可创建免费账号然然你用不着
转向终端并输入命令安装云式avaScript和React包
mi/cloudinary/url-gen
步骤3:向React应用添加图像
时间开始编码转到应用文件夹中的 src目录并打开App.js
.下一拷贝并粘贴下列代码:
从seract导入 {Cludinary}从servedurary/url-gen导入constapp=()++++++//创建云实例并设置云名constcld=新云性({云性{云性Name:'demo'})}!导出默认a
代码导入并创建云化API实例这将有助于我们格式化并自动向图像添加模糊面孔
注解:我们正在设置云名
至演示文集
.然而,如果想使用自己的图像,先上传到云内,然后改云名为云
面向此教程,我们将为回想应用添加图像但在添加图片前,我们需要格式显示
/app.cs导入导入反射从'act'导入++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++aceedimage}导出'@cludinary/react'
现在,添加图像到我们的React应用
mg=cld.image
返回图像 :
返回)
样本图像从模云返回
步骤4:向图像添加模糊面孔
模糊效果现在可以添加面部检测技巧从云允许基于图像中识别面部自动修改
来个200x200
缩略图聚焦于该妇女的脸第一导入 :
{focusOn}发自'@cludinary/url-gen/quarips/gragity'thumbnail从“@cludinary/url-gen/actions/import {FocusOn} from "@cloudinary/url-gen/qualifiers/focusOn";
下方选择缩略图
裁剪模式并添加脸部
参数对重力
:
mg=cld.image
返回图像长得像 :
无需说明原图像的重裁维度,您也可以自动裁剪脸部区
mg=cld.image(“docs/plain_face.jpg”).
使用效果参数设置下列值中的值之一应用模糊或像素效果
e_bur_faces
:自定义模糊图像中所有识别面孔强度模糊效果受多数可选控制(Range:1至2000年,defae:500)。e_pixelate_faces
:图像中自动像素所有面孔可选附加参数判定像素方块宽度(Range:1至200,defae:5)
自动混淆图像中妇女的脸部,先输入模糊变换和区域自动检测表情
service/url-gen/actions/effect{faces}导出'@cludinary/url-gen/quarips/region'
后加模糊性
带效果强度
指定为1000
:
smg=cld.image
下图像
/app.cs导入导入反射从'act'导入++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++导入 {Adceedimage}从'@cloudinary/react'service/url-gen/actions/effect导入{faces}从'@cludinary/url-gen/quarips/regionconstapp=()++++++//创建云实例并设置云名constcld=新云性({云性{云性Name:'demo'})gs/plain-face.jpg.返回) }!导出默认a
运行代码以下是结果
云控制台使用
除使用云端API外,你还可以使用云端控制台添加变换方式,如图象模糊面孔等
先去云端网站登录自由帐户:
将指针达什板需要上传图像到云要做到这一点,请点击媒体库顶部标签 :
并点击上传按钮 :
/>
您可以选择各种上传图像方法上传后会重定向回媒体库页面, 在那里你可以看到上传图像及其独有公共标识码(存储云中资产独有标识符)。
注解:公有身份证可以修改为随心所欲,但对这个教程来说,我们保留它不变
复制公共标识图像并点击变换标签顶端页面 :
注解:变换页面可添加或创建不同变换图像
点击新建开始创建变换
现在 打开预览图片库标签底部页面并选择添加您的图像按钮 :
给,你贴上图像公有身份证选择图像并点击启动创建左侧面板按钮 :
这将打开页面选择动作标签
滚动并选择附加变换按钮.向文本框添加下命令以混淆图像表情点击应用并关闭:
e_blur_faces:1000
产生图像如下:
最后点击保存命名变换:
/>
结论
简单隐藏个人面孔后分享图像避免问题
贝斯特2200娱乐媒体很容易用云管理,使用平台有许多好处使用AI云化可动态裁剪图像并调整图像大小以聚焦关键元素云形使用智能响应断点实现动态裁剪系统有优化特征和选项以确保你的照片尽可能高效地交付用户
更多细节查一查云化文档.
多云化