图片即时处理

最近更新时间:2024-08-26 10:34:51

我的收藏

操作场景

通过 云点播控制台,您可以进行图片即时处理操作,本文将为您介绍如何通过图片即时处理模板来进行实时的图片即时处理,通过 URL 作图的方式可快速获得图片即时处理效果。
说明:
处理图片原图大小不超过32MB、宽高不超过30000像素且总像素不超过2.5亿像素,处理结果图宽高设置不超过9999像素。

操作步骤

步骤1:上传图片

1. 登录 云点播控制台,单击左侧导航栏应用管理,进入应用列表页。
2. 找到需要处理图片文件的应用,单击应用名称进入应用管理页。
3. 默认进入媒资管理 > 音视频管理,“已上传”页面。
4. 选择媒资管理 > 图片管理,默认进入“已上传”页面。单击上传图片

步骤2:创建模板

1. 单击左侧导航栏媒体处理设置 > 模板设置,右侧标签页单击图片即时处理模板,进入图片即时处理模板管理页。
2. 页面展示了可用的模板列表,包括云点播系统预设的一些常用模板。我们也可以创建模板,例如创建240 × 240缩略图模板,按照下图所示指引创建模板:






3. 创建完成后,自动跳转到模板列表页,生成了图片即时处理模板。模板号为 13321。


另外,您也可通过 云点播 API 创建图片即时处理模板,更多 API 详细配置,请参见 创建图片即时处理模板

步骤3:图片即时处理

通过 URL 作图方式进行图片即时处理,公式如下:
处理后图片 URL = 原图片 URL + 间隔标识符 + 图片模板号 + “.” + 输出图片格式
原图片 URL:图片文件上传至 云点播 后将生成加速 URL 地址。
间隔标识符: !
输出图片的格式:JPG、JPEG、PNG。

步骤4:处理类型

图片即时处理支持缩放和裁剪两种类型。
操作类型
详细操作
缩略
指定宽度,高度等比缩放。
指定高度,宽度等比缩放。
指定长边,短边等比缩放。
指定短边,长边等比缩放。
指定宽度与高度强制缩放。
裁剪
内切圆裁剪,指定裁剪半径。
矩形裁剪,指定裁剪的宽度和高度。

类型一:缩略

指定宽度,高度等比缩放。
创建模板:13290,指定宽度:700,输出格式:PNG。
图片即时处理后链接为:https://1500012191.vod2.myqcloud.com/6caaa776vodcq1500012191/0f9d472c387702299328320141/Cov1ATJ3AYYA.jpg!13290.PNG
最终效果展示:


指定高度,宽度等比缩放。
创建模板:13291,指定高度:700,输出格式:PNG。
图片即时处理后链接为:http://1500012191.vod2.myqcloud.com/6caaa776vodcq1500012191/0f9d472c387702299328320141/Cov1ATJ3AYYA.jpg!13291.PNG
最终效果展示:


指定长边,短边等比缩放。
创建模板:13292,指定长边:300,输出格式:PNG。
图片即时处理后链接为:https://1500012191.vod2.myqcloud.com/6caaa776vodcq1500012191/0f9d472c387702299328320141/Cov1ATJ3AYYA.jpg!13292.PNG
最终效果展示:


指定短边,长边等比缩放。
创建模板:13293,指定短边:300,输出格式:PNG。
图片即时处理后链接为:https://1500012191.vod2.myqcloud.com/6caaa776vodcq1500012191/0f9d472c387702299328320141/Cov1ATJ3AYYA.jpg!13293.PNG
最终效果展示:


指定宽度和高度进行强制缩放
创建模板:13294,指定高度:300,指定宽度:300,输出格式:PNG。
图片即时处理后链接为:https://1500012191.vod2.myqcloud.com/6caaa776vodcq1500012191/0f9d472c387702299328320141/Cov1ATJ3AYYA.jpg!13294.PNG
最终效果展示:



类型二:裁剪

内切圆裁剪
创建模板:13295,指定输出图片半径:300,输出格式:PNG。
图片即时处理后链接为:http://1500012191.vod2.myqcloud.com/6caaa776vodcq1500012191/182b0f2a387702299461251102/EOy4fI1V8gQA.jpg!13295.PNG
最终效果展示:


矩形裁剪
创建模板:13296,输出图片宽度:300,输出图片高度:300,输出格式:PNG。
图片即时处理后链接为:http://1500012191.vod2.myqcloud.com/6caaa776vodcq1500012191/23c473bb387702299461744409/HVSbBfQq3JgA.jpg!13296.PNG
最终效果展示: