跳转到内容

立即用云媒体库查看语义图像数据

写由阿里森

云形网络综合接口允许你整理和管理图像资产Cloudinary媒体库很容易浏览、上传、中度搜索图像最近我们用一个新特征增强网络接口,使你立即查看从图像中自动提取的语义图像数据(描述图像元数据)。

数据一直向用户提供通过云情API中显示云化媒体库UI还允许你交互分析网站图片由相机提供的信息(Exif元数据),如GPS定位和图像时标,以及由云式自动提取的信息,如图像主色,允许你智能整理内容

云化媒体库

媒体库截图

提取图像Exif数据

下方可见云化媒体库显示图像各自的Exif、IPTC和XMP元数据一图标右上角图像)内含属性如相机模型生成图像和图像创建日期

图片Exif元数据

顶色和顶色

颜色数据由云性自动提取,由图像压倒性颜色组成,分两个尺度显示:顶色(颜色直方图)和主色,以Google调制顶端颜色显示最频繁图像中,而顶端颜色则显示图像按谷歌标准调色板12大色第一,图像颜色分析并映射成一个或多个领先颜色图像主色检测后,可按色执行滤镜或搜索图片,例如图像存储站

下图显示云端媒体库自动表示图像顶端和顶端颜色

相片顶色

人脸检测

除云式API外,媒体库UI现在自动表示面坐标,自动检测单面或多面

下图显示此特征

照片检测表情

下方可以看到150x150缩略图动态创建实例

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

摘要

云化API支持语义图像数据分析提取网站、Web应用和移动a丰富信息允许执行图像搜索、排序和分类使用语义图像元数据可增强图像丰富网站应用以上多层信息为你们所有云基解决方案提供令人印象深刻的解决方案在线图像管理转换需求.

云形API媒体库提供获取Exif元数据、显示自检测面坐标并显示主色的能力以上特征随同云式图例提供,包括免费版点击这里搭建免费云式账号

回顶
Baidu
map