云点播 图片即时处理

通过 云点播控制台,可以以进行图片即时处理操作,这里说明如何通过图片即时处理模板来进行实时的图片即时处理,通过 URL 作图的方式可快速获得图片即时处理效果。

相关产品
云点播 产品页,含版本规格、价格与购买入口。

一、操作场景

注意:说明:

二、步骤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://example.com/6caaa776vodcq1500012191/0f9d472c387702299328320141/Cov1ATJ3AYYA.jpg!13290.PNG

·最终效果展示:


·指定高度,宽度等比缩放。

·创建模板:13291,指定高度:700,输出格式:PNG。

·图片即时处理后链接为:http://example.com/6caaa776vodcq1500012191/0f9d472c387702299328320141/Cov1ATJ3AYYA.jpg!13291.PNG

·最终效果展示:


·指定长边,短边等比缩放。

·创建模板:13292,指定长边:300,输出格式:PNG。

·图片即时处理后链接为:https://example.com/6caaa776vodcq1500012191/0f9d472c387702299328320141/Cov1ATJ3AYYA.jpg!13292.PNG

·最终效果展示:


·指定短边,长边等比缩放。

·创建模板:13293,指定短边:300,输出格式:PNG。

·图片即时处理后链接为:https://example.com/6caaa776vodcq1500012191/0f9d472c387702299328320141/Cov1ATJ3AYYA.jpg!13293.PNG

·最终效果展示:


·指定宽度和高度进行强制缩放

·创建模板:13294,指定高度:300,指定宽度:300,输出格式:PNG。

·图片即时处理后链接为:https://example.com/6caaa776vodcq1500012191/0f9d472c387702299328320141/Cov1ATJ3AYYA.jpg!13294.PNG

·最终效果展示:


七、类型二:裁剪

·内切圆裁剪

·创建模板:13295,指定输出图片半径:300,输出格式:PNG。

·图片即时处理后链接为:http://example.com/6caaa776vodcq1500012191/182b0f2a387702299461251102/EOy4fI1V8gQA.jpg!13295.PNG

·最终效果展示:


·矩形裁剪

·创建模板:13296,输出图片宽度:300,输出图片高度:300,输出格式:PNG。

·图片即时处理后链接为:http://example.com/6caaa776vodcq1500012191/23c473bb387702299461744409/HVSbBfQq3JgA.jpg!13296.PNG

·最终效果展示:


赞 (0)
上一篇 4天前
下一篇 4天前