图片流量节省大杀器：基于腾讯云CDN的sharpP自适应图片技术实践

目前移动端运营素材大部分依赖图片，基于对图片流量更少，渲染速度更快的诉求，我们推动CDN，X5内核，即通产品部共同推出了一套业务透明，无痛接入的CDN图片优化方案：基于CDN的sharpP自适应图片无痛接入方案。据统计效果可在原图基础上节省60%-75%的流量，比之前webP无痛接入方案效果提升40%-50%，减少流量的同时提高页面渲染速度，提升用户体验。

效果数据

目前手Q增值业务：VIP中心、游戏中心、动漫、游戏公会、特别关心 以及增值渠道的QQ钱包，空间的个性化商城已经接入sharpP自适应，优化效果数据：

sharpP自适应方案在原有webP自适应方案效果提升40%-50%，提升效果主要来自sharpP高于webP的编码压缩率，同时能优化到webP无法覆盖的png图片（备注：之前webP无痛方案只实现了jpg的支持），sharpP方案和原图对比可以节省60%-75%的流量。

以我们的VIP中心为例，之前webP方案：

上sharpP方案后

在图片增加的情况下 图片流量减少了近100K，页面速度也有提升，并且sharpP图片的效果也经过设计同学的验证，肉眼几乎无法区分，图片质量参数细节后面会介绍。

方案概述

利用自建CDN结点的缓存，以及带请求头的回源能力做到同一个URL根据终端分辨率，以及是否支持sharpP解码，按需返回不同的原图副本，做到图片资源的最合理利用：