京东技术.jpg
现在大型的互联网电商网站，图片的流量约占90%，要坚持产品的杰出视觉体会，怎么削减图片的size，是我们一向重视的焦点。
在电商行业界，google在近些年敞开webp技能，在保证杰出的视觉体会情况下，将图片巨细削减了25%，现在在许多互联网企业现已大规模使用。京东在2014年就开端大规模推行webp，降低了25%的cdn使用流量。
DPG的图片压缩技术在京东的使用
京东基础架构部-智能存储部近期推出DPG图片压缩技术，图片再经过DPG压缩后兼容jpeg，同时在全平台、全部的浏览器都支持，DPG是一种有损压缩技术，但通过5名用户10000张图片的人眼浏览测试，和webp的清晰度对比没有差距。该技术可以非常有效地减少图片大小50%，减少cdn带宽流量50%，加快图片用户在设备上的渲染速度，直接节省用户浏览流量，提升用户购物体验。
DPG格式和比较成熟的图片格式比较：(采集京东图片系统10w张图片)
image
上图所示，经过DPG压缩后的图片，体积仅有webp的50%，但是图片的清晰度及视觉体验方面和webp在并没有太大的差距，在设备渲染速度以及兼容性方面，DPG要好于webp。
DPG图片压缩的技术背景
京东作为一家电商起家的互联网交易平台，目前图片存储量超过了上千亿张，京东在存储上只存储原图，每天各个业务方请求的时候，根据其业务特点请求webp，完成缩放、裁剪、补白边等功能。根据不同的业务方有不同的需求，因此这些功能只能进行实时处理，并且所有的业务都要求单张图片处理时间不能超过50ms，因此图片压缩也必须实时在线处理。
DPG图片压缩的技术思路
经过长时间的观察，发现京东的图片系统里面的图片，其背景的颜色和空白色占据了30%以上的像素点，因此针对这个特点，借鉴了heif的一些特性，做了一个实时在线的压缩库，压缩效果非常好。从上图的对比中可以看到，DPG图像压缩技术可以压缩掉63%的流量。目前该技术已经在京东内部全面推广。
示例
原图：
image
DPG压缩后的图片：
image
经过webp转码后的图片:
image
上图所示：原图大小是306740字节，webp是220408字节 ，但是经过DPG技术压缩后只剩下120038字节，同时在PC端和手机端公国人眼观看没有出现任何的视觉差异，但是DPG压缩过的图片可只有webp的一半左右。
由此看出，待DPG在京东全业务覆盖后，每年通过DPG技术节省的CDN流量费用将超千万余元，同时为京东用户节省的手机流量将达到50%左右。
如何体验？
按照样例展示中url规则添加.dpg后缀或.webp后缀，即可轻松对比与体验哦！
更多精彩内容请关注“IT实战联盟”公众号哦~~~
IT实战联盟.jpeg
网友评论