Azure 内容分发网络：照片处理

概述

Azure 内容分发网络图像处理是内容分发网络服务提供的一个可靠、安全且经济实惠的图像处理服务。 其功能包括缩放、裁剪、旋转、锐化、模糊、管道、水印亮度和对比度、格式转换以及获取图像信息。 可以灵活适应多种需求，包括不同的设备尺寸、不同页面的图像显示风格、防盗水印等。

通过内容分发网络图像处理，可以使用内容分发网络服务随时从任何地点和任何设备获取处理后的图像版本。

服务详细信息

引入内容分发网络图像处理作为内容分发网络服务的增值功能。 要使用图像处理，必须首先创建加速类型为图像处理的内容分发网络加速节点。

目前，内容分发网络图像服务没有图形用户界面 (GUI)。 创建相应的内容分发网络加速节点后，直接使用内容分发网络加速域并添加控制图像尺寸、裁剪模式和质量的图像处理参数，即可访问经过处理的图像版本。

限制

1. 支持以下文件格式的转换：JPG、PNG、BMP、WEBP、GIF 和 TIF。
2. 原始图像文件不得大于 20MB。
3. 处理前后的图像最大分辨率为 4096 x 4096，且每条边的长度不得超过 4096 像素。
4. CDN 到源的行程仅限于 HTTP 协议。

服务创建流程

“图片处理”加速类型的内容分发网络节点仅限于在 Azure 门户中创建。

第 1 步：创建内容分发网络配置文件

• 在“CDN 配置文件”上，单击“添加”。

• 输入“名称”、“订阅”、“资源组”、“资源组位置”和“定价层”，默认请选择“S1 标准”。

  • “S1 标准”即标准版 CDN，支持静态内容加速，包括网页加速、下载加速、点播加速。
  • “P1 标准增强层”即标准增强版，指直播加速。
  • “P1 高级”即高级版 CDN。 它指的是请求 Azure CDN 代其申请证书的客户，这些客户仍在使用该证书提供的服务，并且仍在按照高级版付费。 将于 2019 年 7 月 1 日起不支持 Azure 代为申请证书的 HTTPS 功能。 有关详细信息，请参阅定价详细信息。

• 单击“创建”按钮。

  注意

  如果要将图像存储在 Azure 存储中，则必须确保此步骤中选择的 Azure 订阅与步骤 1 中用于创建 Azure 存储帐户的订阅相同。 “定价层”选择上图所示的“S1 标准”。 “S1 标准”包含新的“图片处理”加速类型。

步骤 2：创建具有图像处理加速类型的内容分发网络加速节点

执行以下操作，如上图所示：

1. 选择图像处理加速作为加速类型。
2. 为源站选择对应的源站类型。
3. 等这个 CDN 加速节点配置完成后，用户可以将自定义域名 CNAME 到 Azure CDN 平台。
4. CNAME 生效后，就可以开始处理图像了。 所有原始图像和处理后的图像随后将由内容分发网络加速。

步骤 3：验证图像是否可访问

在进行接下来的具体图片处理之前，我们先来验证一下到目前为止的所有配置是否生效。
如果原始图片存储在非存储帐户下，请直接查看“访问验证”小节。 如果原始镜像存储在 Azure 存储帐户中，请按照以下三小节步骤操作：

3.1 创建存储帐户并选择该存储帐户作为源站。

要了解如何创建 Azure 存储帐户，请参阅创建存储帐户。

也可以使用现有的存储帐户，而不是创建新帐户。

3.2 上传原始图像

创建存储帐户后，可以将原始图像上传到 blob 中。

上传方式有以下三种：

• 通过 Azure 门户

• 使用 Azure 存储 API

• Azure 存储浏览器

3.3 访问验证

1. 假设原始图像的访问链接为 http://yourstorageaccount.blob.core.chinacloudapi.cn/container_name/img_name.jpghttp://yourstorageaccount.blob.core.chinacloudapi.cn/container_name/img_name.jpg，首先确认该链接可访问（即相应的容器和 blob 文件可公开访问）。

2. 如果经过内容分发网络加速的原始图像的访问链接可以访问（以上图中使用的自定义域名为例）http://imgprocess.yourcompany.cn/container_name/img_name.jpg，则可以确定所有配置生效。

图像处理

图像处理访问规则

使用以下 URL 进行访问：

http://your_CDN_custom_domain/container_name/image_object?basic=<处理字符串>

your_CDN_custom_domain：用于创建图像处理加速类型内容分发网络节点的自定义域名（例如，imgprocess.yourcompany.cn）。

container_name：原始图像所在的存储容器的名称

image_object：要处理的原始图像的名称（例如，image.jpg）。

处理字符串 的具体说明如下。

图像处理语法

处理字符串的详细定义

处理字符串 是形如 {值}{参数关键字} 的参数组合，其中所有参数都由 _ 链接。

要进行格式转换，Process String 必须以 .{目标格式扩展名} 结尾。

支持的基本图像操作（参数）

位置

缩放和裁剪

参数

注意:

• 任何情况下的处理结果都不得使图像尺寸大于限制。 有关具体限制，请参阅 简介 中的限制一节。

• Percentage 可与 Height 或 Width 一起使用；图像将缩放至指定宽度和高度乘以指定百分比的尺寸

• ，Height 和 Width 都可以单独存在。 缺少任何值都将默认使用原始图像尺寸

• 和 Percentage 可以单独存在。 图像将缩放至原始尺寸乘以特定百分比的大小

• 和 Cut 仅在与 Height 和 Width 共存时生效

• 背景颜色必须与 {ScaleType} 4 一起使用

{
    "Width": 221,
    "Height": 284,
    "Size": 119540,
    "AveColor": null,
    "MimeType": "Jpeg"
}

{
    "RGB": "273B2A"
}

http://imgprocess.yourcompany.cn/container_name/img_name.jpg?basic=60p

http://imgprocess.yourcompany.cn/container_name/img_name.jpg?basic=20-2ci

http://imgprocess.yourcompany.cn/container_name/img_name.jpg?basic=60p_20-2ci 

http://imgprocess.yourcompany.cn/container_name/img_name.jpg?basic=info

{
    "Width": 800,
    "Height": 400,
    "Size": 87341,
    "AveColor": null,
    "MimeType": "Jpeg"
}

http://imgprocess.yourcompany.cn/container_name/img_name.jpg?basic=exif

{
    "Orientation": 1,
    "XResolution": 72.0,
    "YResolution": 72.0,
    "ResolutionUnit": 2,
    "Software": "Adobe Photoshop CS5 Windows",
    "DateTime": "2014:04:15 16:43:14",
    "ColorSpace": 1,
    "PixelXDimension": 800,
    "PixelYDimension": 400
}

http://imgprocess.yourcompany.cn/container_name/img_name.jpg?basic=imageAve

{
    "RGB": "0296C8"
}

http://imgprocess.yourcompany.cn/container_name/img_name.jpg?basic=watermark=1;p=3;s=50;object=Y29udGFpbmVyX25hbWUvd2F0ZXJtYXJrLmpwZw==

http://imgprocess.yourcompany.cn/container_name/img_name.jpg?basic=60p_20-2ci|watermark=1;p=3;s=50;object=Y29udGFpbmVyX25hbWUvd2F0ZXJtYXJrLmpwZw==

http://imgprocess.yourcompany.cn/container_name/img_name.jpg?basic=60p_20-2ci|watermark=2;p=3;s=50;text=QXp1cmUgQ2hpbmEgQ0RO;type=bWljcm9zb2Z0eWFoZWk=