京東自研DPG圖片壓縮技術(shù):購(gòu)物可節(jié)省近一半流量
數(shù)據(jù)統(tǒng)計(jì)顯示,大型電商網(wǎng)站的圖片占據(jù)超過(guò) 90% 的流量。以京東為例,目前京東圖片量級(jí)已經(jīng)達(dá)到數(shù)千億,且以每天上億的量級(jí)在增長(zhǎng),如果把這些圖片存到 iPhone X 中,那需要的手機(jī)量堆疊起來(lái)高度可以超過(guò)珠穆朗瑪峰!
因此在保證視覺(jué)體驗(yàn)的情況下,如何減少圖片的大小,為用戶節(jié)省流量,一直成為業(yè)界技術(shù)人員關(guān)注的焦點(diǎn)和長(zhǎng)久以來(lái)致力解決的技術(shù)難點(diǎn)。
基于這種情況,京東創(chuàng)新性地推出 DPG 圖片壓縮技術(shù),經(jīng)測(cè)試該技術(shù),可直接節(jié)省用戶近 50% 的瀏覽流量,極大的提升了用戶的網(wǎng)頁(yè)打開(kāi)速度。
早在 2014 年,京東就大規(guī)模推廣 webp 技術(shù),這也是 Google 公司推出的開(kāi)放技術(shù),通過(guò)此技術(shù),京東將圖片大小減少了 25%,提升了網(wǎng)頁(yè)的加載和打開(kāi)速度,使用戶數(shù)據(jù)流量消耗大幅下降。
京東基礎(chǔ)架構(gòu)部的技術(shù)專家們并不滿足于僅僅節(jié)省 25% 的流量,研發(fā)人員發(fā)現(xiàn)京東圖片系統(tǒng)中的圖片,往往是背景顏色和空白色占據(jù)了 30% 以上的像素點(diǎn),針對(duì)這個(gè)特點(diǎn),京東借鑒 heif 的一些特性,突破性地開(kāi)發(fā)了實(shí)時(shí)在線的壓縮庫(kù),明確優(yōu)化了壓縮效果。
經(jīng)過(guò) DPG 技術(shù)壓縮后的圖片兼容 jpeg,全平臺(tái)、全部瀏覽器都支持,且通過(guò)內(nèi)外部用戶上萬(wàn)張圖片的人眼瀏覽測(cè)試,壓縮后的圖片和 webp 的清晰度對(duì)比沒(méi)有差距。