阿里巴巴云CDN完成OSS照片响应式WebP文件格式

摘要: WebP 照片文件格式是由 Google 根据 VP8 视頻编号文件格式产品研发,其优点反映在其图象数据信息缩小优化算法,能产生更小的照片容积,并且有着人眼鉴别余差异的图象品质;同时具有...

WebP 照片文件格式是由 Google 根据 VP8 视頻编号文件格式产品研发,其优点反映在其图象数据信息缩小优化算法,能产生更小的照片容积,并且有着人眼鉴别余差异的图象品质;同时具有了高质量和不利于的缩小方式、Alpha 全透明及其动漫的特点,在 JPEG 和 PNG 上的转换实际效果都非常出色、平稳和统一。

但是,因为比较早版本号的访问器不兼容 WebP 文件格式,因而目前还不可将整站照片变换为 WebP 文件格式。现阶段流行响应式 WebP 处理计划方案包含应用 picture 标识,访问器端 js 检验更换及其 http header 鉴别等。一部分 CDN 服务(又拍云,腾迅云等)也早已出示了响应式 WebP 照片变换作用。考虑到到目前很多照片代管在阿里巴巴云 OSS 上,并根据CDN回源加快,在以便降低工作中量,考虑到选用 CDN 边沿脚本制作 + OSS 照片解决的方式完成相近作用。

最先必须在 OSS Bucket 管理方法作用中加上自定照片解决标准,并在浏览设定中设定自定切分符(比如设定为感慨号 ! )。这时就可以根据在 OSS 資源浏览详细地址中追加款式尾缀(隔开符+标准名字,比如 !webp )的方式对照片开展线上解决。

阿里云CDN实现OSS图片自适应WebP格式接下去在 CDN 管理方法页面加上边沿脚本制作,依据http头分辨访问器是不是适用 WebP 照片文件格式,假如适用则301跳转至包括包括照片解决尾缀 "!webp" 的浏览相对路径。留意尾缀应与标准名字一致。

m1 = and($ept, match_re($ept, .*image\/webp.* ))
m2 = match_re($uri, .+(.JPEG|.jpeg|.JPG|.jpg|.PNG|.png)$ )

if and(m1, m2) {
rewrite(concat($uri, !webp ), enhance_redirect , 301)
}

设定进行后可在仿真模拟自然环境下检测响应式跳转是不是取得成功(Chrome访问器中跳转,ie中失效),并可根据访问器开发设计者方式查验照片是不是为 WebP 文件格式。


发布评价 撤销回应

你的电子器件电子邮件详细地址不容易被公布 * 为必填字段名

评价

名字 电子器件电子邮件 Website

Save my name, email, and website in this browser for the next ment.

递交评价



联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:顽兔抠图