随着移动互联网的发展,越来越多的消费者偏爱使用移动端购物。为了让用户下单前对商品有比较直观的了解,每一件商品均会有多张展示图片。以京东为例,目前京东图片量级已经达到数千亿,且以每天上亿的量级在增长,这意味着眨下眼睛的功夫京东就会有几百几千张图片在上传!如果把京东的全部图片用A4纸打印出来,连接起来能够绕地球741圈!如果把这些图片存到IPhone X中,那需要的手机量堆叠起来高度可以超过珠穆朗玛峰!

网站图片数量和丰富度的提升虽然加强了用户对商品的了解度,但随之也会大幅提升用户的流量及影响网页的打开速度。基于这种情况,京东创新性地推出DPG图片压缩技术,为用户的流量保驾护航!经测试该技术,可直接节省用户近50%的浏览流量,且极大的提升了用户的网页打开速度,究其原因是因为使用DPG技术后可以有效地减小50%的图片大小,减少cdn带宽流量50%,这大大加快了图片在用户设备上的渲染速度。

DPG图片压缩技术是如何诞生的?

数据统计显示,大型电商网站的图片占据超过90%的流量,因此在保证视觉体验的情况下,如何减少图片的大小,为用户节省流量,一直成为业界技术人员关注的焦点和长久以来致力解决的技术难点。

京东在保护用户流量,提升用户体验的路上可谓是一直在努力。早在2014年,京东就大规模推广webp技术,这也是Google公司推出的开放技术,通过此技术,京东将图片大小减少了25%,提升了网页的加载和打开速度,使用户数据流量消耗大幅下降。

随着京东技术的不断发展前行,京东基础架构部的技术专家们并不满足于仅仅节省25%的流量,经过长时间的观察和不断的测试,研发人员发现京东图片系统中的图片,往往是背景颜色和空白色占据了30%以上的像素点,针对这个特点,京东借鉴heif的一些特性,突破性地开发了实时在线的压缩库,明确优化了压缩效果。且经过DPG技术压缩后的图片兼容jpeg,全平台、全部浏览器都支持,且通过内外部用户上万张图片的人眼浏览测试,压缩后的图片和webp的清晰度对比没有差距。

京东商城首席架构师、基础架构部负责人刘海锋表示,“商品图片智能化平台是‘阿基米德’——京东商城基础技术平台的重要组成部分,是我们用AI重塑基础架构的关键一环。目前DPG图片压缩技术正在京东内部全业务覆盖中,可以为京东用户节省近50%的移动端流量并显著提升其网页加载速度体验,每年节省数据中心与CDN带宽费用数千万元。未来,京东智能图片系统将践行开放赋能战略,持续为广大用户、商家及行业合作伙伴提供最优质的一站式图片服务。”

DPG有多神奇?(以下内容非专业技术人员请谨慎阅读!)

经过研发人员的不断测试,从下图可以看出,DPG压缩后的图片,体积仅有webp的50%而已,但是在清晰度及视觉体验方面和webp在并没有太大的差距,在设备渲染速度以及兼容性方面,DPG要好于webp。

▲ DPG图片压缩和比较成熟的图片格式比较:(采集京东图片系统10w张图片)