腾讯云 EdgeOne：边缘图片渲染功能介绍

一、边缘图片渲染介绍

1. 功能简介

EdgeOne 边缘图片渲染通过边缘节点实现超快图片渲染，结合可重复使用的模板，利用 API 和 URL 集成功能，自动化生成电商、社媒、营销、横幅、证书等各类高质量图片。

2. 适用场景

• 适用于需要批量、动态生成图片的场景。
• 适用于需要保持一致性、跨浏览器/平台生成图片的场景。
• 适用于需要结合自动化生成，提升效率的场景。
• 适用于需要通过 OpenGraph 协议拼接 URL 动态生成图片的场景。
• 适用于基于模版生成图片的快速解决方案。

3. 功能优势

• 免费使用：用户可以免费使用全面功能，无门槛体验服务，随时提交反馈给产品方。
• 批量生产：通过内置的 API 调用功能，用户可以使用模板动态替换变量插槽内容，批量生成图片，提高效率，大大降低时间成本。
• 快速定制：用户可快速创建模板，根据自己的需求灵活调整设计元素。在设计模板过程中可以实时预览修改效果，确保每个细节都符合预期。
• 动态分发：通过内置的 URL 分发功能，用户可动态地获取模板图片的访问链接，多渠道分发使用，并利用边缘缓存技术，快速响应图片内容，提升图片访问速度。
• 跨平台：生成效果具有一致性，无需关注浏览器和操作系统兼容性问题。
• 极简编程：开箱即用，只需基础 Web 能力便可实现设计图，大幅降低开发难度。
• 稳定可靠：专业团队提供稳定可靠的服务保障，快速即时响应用户问题。
• 高安全性：内置的 API 调用和 URL 链接采用密钥加密技术，确保您的模板不会被他人窃取使用，从而保护您的数据安全和商业隐私。

4. 行业领域

边缘图片渲染功能具有丰富的行业适用场景：

• 电商促销：适用于电商App/网站中商品橱窗展示的促销活动封面或海报，动态设置促销内容并批量生产。
• 广告营销：适用于有高时效性要求的营销广告，可动态设置分发广告海报，并可通过 ABTest 提高广告的点击率和转化率。
• 社媒分享：适用于设计社媒分享模板、互动性强的社交媒体内容，从而提升个人社媒账号的曝光度。
• 企业招聘：适用于设计企业招聘广告模板，动态替换职位信息，快速、批量、多渠道同步发布，从而缩短招聘时间成本。
• 证书生成：适用于企业或组织快速制作获奖者证书，节省时间和人力成本，并可通过社媒分享电子证书，便于下载保存。
• ...

二、操作指南

1. 开通 Open Edge

腾讯云控制台 进入到 边缘安全加速平台 EO 。在左侧菜单栏，展开 Open Edge，点击进入 图片渲染，如您之前未申请开通，首次需申请开通使用权限，请点击 立即开通。

申请开通

2. 新建图片模板

开通成功后，在主页可创建图片模板，可选择「从模板库创建」，或自己手动「创建空白模板」。

图片渲染主页-空

2.1 从模板库创建模板

点击「从模板库创建」后，您可以在模板库页面中选择需要的模板，点击「导入模板」即可使用该模板。

图片渲染-模板库

2.2 创建空模板

点击「创建空白模板」后，自动创建一个空的示例模板。

图片渲染-空模板

3. 编辑图片模板

进入模板编辑页后，左侧为编辑面板，右侧为实时预览面板。

您可通过编写模板的 HTML、CSS 代码，实现图片的内容结构及样式美化，还可以使用预置的丰富字体。（注意：编写代码需要有一定的 web 基础）

图片渲染-编辑CSS

在 HTML 中设置的变量后，可在 Data 一栏中替换变量插槽，达到动态修改模板的效果。

图片渲染-编辑Data

您还可修改模板名称、模板描述等内容，调整模板舞台的宽、高等设置。

图片渲染-编辑Data

为了让用户批量使用和快速分发，我们还提供 API 调用和生成访问链接等功能，提高用户的生产效率。（详细使用指引请参考右侧 Help 一栏）

图片渲染-查看API

4. 保存 图片模板

编辑好模板后，您可点击「保存模板」将改动保存下来。（若不小心退出，系统也会提示您进行保存哦)

保存后的模板可在主页查看。

图片渲染主页

三、调用演示

调用 API

通过调用 API 直接响应图片内容。

图片渲染调用API

使用 URL 访问

通过加密的 URL 链接访问图片。

图片渲染-URL访问

当【oe-cache-status-by-edge】响应头返回为 HIT 时则表示已命中缓存。

图片渲染-命中缓存

四、常见 FAQ

1. 边缘图片渲染是否收费？

边缘图片渲染目前免费，用户可以放心使用，我们会在正式收费前提前通知并发出公告。

2. 边缘图片渲染能否支持更多输出格式？

当前仅支持输出 PNG 格式，后续会支持更多格式，如 JPG、WEBP、AVIF、PDF 等格式。

3. 如何进行反馈优化？

欢迎您点击主页的「联系我们」，加群后针对产品提出反馈意见。