知道該在哪「偷工減料」,Google開源深度學習壓縮圖片技術Guetzli
知道該在哪「偷工減料」,Google開源深度學習壓縮圖片技術Guetzli
2017.03.20 | Google

打開一個網站,發現網頁速度載入很慢,這可能不僅僅是你網路頻寬的問題,也可能是因為這個網站需要載入太多的影像檔。

而同等頻寬和網站的前提下,如果可以「無損」壓縮這個網站上的圖片大小,理所應當就會載入得更快。我們想擁有更快的網速,也珍惜寶貴的手機流量,Google就決定在技術上做一個微小的貢獻,讓你在瀏覽網頁時有更快的感受。

實際上,Google最近開源了一個圖像壓縮演算法Guetzli——Guetzli能產生(壓縮)更小的JPEG文檔,同時盡可能的保持圖像品質,並且它能與現在的流覽器格式、影像處理應用程式和JPEG標準相容。也就是說,Google提供了一種新的壓縮圖像的方法,這種方法可以提供類似的圖片顯示效果,但保持更小的檔大小。它可利用到很多的網站設計以及圖像工具上,進而實現降低全網的影像檔大小。

話不多說,先上圖看是不是有類似的效果:

Guetzli-1.png
圖/ PingWest
Guetzli-2.png
圖/ PingWest

兩張圖分別存在未壓縮的原圖、使用比較流行演算法的壓縮圖和Google的Guetzli演算法壓縮圖。如果不提前說明,你能看出什麼樣的規律?

在第一張20×24圖元的貓眼圖中,我們實際上很難察覺出第一張和第二張內具體有什麼區別,但第三張看起來色彩更淡,而貓眼之外第三張比第二張區塊更少;而下面這張圖,其實是天空中的一根電話線,我們可以看到第一張圖最清晰,電話線本身很少有區塊,而第二張和第三張均出現了區塊,且線之外的天空裡第二張區塊更明顯。這些是基於我們人眼的判斷結果。

真相是,貓的眼睛縮放圖最左側是原始未壓縮的圖、中間的是經過libjpeg演算法的圖(libjpeg是另外一個比較流行的圖像壓縮演算法,用來和Guetzli做對比)、最右側的是經過Guetzli演算法的圖;第二張16×16圖元電線圖的位置一樣。

對於這個技術本身,Google並沒有在官方博客裡給出詳細的技術解讀,但已知的是這其實也是一個基於深度學習(RNN)的技術,主旨就是基於人們對於圖片的感知因素而判斷取捨。

JPEG圖片的視覺品質和主流的圖像多級壓縮方式是直接相關的,主要是要遵從三個過程:色彩空間變換——離散余弦變換——量化階段。前兩部分有些複雜,但並不是這個技術的核心,所以可以理解為在前兩項技術壓縮大小已經固定的情況下,優化最後一項量化階段。而量化階段的操作就有點類似很多影像處理軟體的「另存為」:選擇的視覺品質越小,它就損失越多,圖片就會被壓縮得更小。但這個量化階段的重點是如何取捨圖像品質和圖像大小這些細節問題。

Guetzli演算法就是在這個步驟引入了一個叫做Butteraugli的精神視覺模型——它用來決定保存哪些顏色或者細節、壓縮掉哪些細節,從而達到人們視覺上的最優,且影像檔更小。

但具體是如何做到的,Google Blog中也沒有給到更詳細的解釋。但既然是一項基於圖像壓縮和人類感知的深度學習技術——或許如果把圖像庫資料打散成各種標籤,與人們視覺感知的結果作邏輯連接,提供人們視覺下的最佳解做模型。在不斷地攝入眾多這樣的資料來源(圖像)後,是不是就可以形成可以支撐Guetzli演算法的「精神視覺」模型?而這個精神視覺模型已經學會了判斷在人們覺得什麼樣的圖片更好看以及圖片如何壓縮之間的最佳解?嗯,可能比人更瞭解。

Guetzli-3.png
圖/ PingWest

Google拿這一結果與另一款比較流行的開源編碼器libjpeg進行了對比——「75%的用戶更偏好Guetzli,這意味著Butteraugli的精神視覺性模型在高畫質感知取捨方面更接近於人類感知。」

Google已經在Github上開源了這個Guetzli JPEG編碼器。可見這件事情也不只是針對Google網站或者公司本身,而是Google希望所有的網站開發人員、圖形設計師或是攝影師都可以使用到這樣的圖像壓縮演算法替代網路中傳統演算法下的JPEG圖片,進而大幅降低網路成本。

Google Blog中也提到,因為Guetzli演算法涉及到更多的量化過程,也就是說壓縮過程比libjpeg更慢,但Guetzli相容現有的流覽器和設備。Google希望更多的人使用Guetzli演算法壓縮圖片,而如果這一成就達成,相信我們會有更快的流覽體驗。

當然,也會節省你的手機流量。

本文授權轉載自:PingWest

往下滑看下一篇文章
從第一天就走向全球!MOOIMOM、大研生醫、特力集團借力亞馬遜出海,以創新、信任打造品牌護城河
從第一天就走向全球!MOOIMOM、大研生醫、特力集團借力亞馬遜出海,以創新、信任打造品牌護城河

在全球市場競爭日益激烈、消費持續升級的時代,消費者比起追求最低價格,更願意為品質、安全與品牌信任買單。品牌之間的競爭,也逐漸從價格競爭,轉向價值競爭。真正決定品牌能否站穩全球市場的,不只是做出好產品,而是能否持續理解消費者需求、快速創新,並建立值得信賴的品牌。

對擁有深厚製造底蘊的台灣品牌而言,這正是一項重要優勢。近年來,越來越多品牌透過產品創新回應市場需求,並以品牌信任建立長期競爭力,在全球市場脫穎而出。而亞馬遜透過全球市場、消費者洞察與數據工具,協助品牌快速驗證市場、持續優化產品,讓更多台灣品牌得以將在地優勢轉化為全球競爭力。

拒絕等待完美,MOOIMOM 透過出海、迭代快速進化

新創母嬰品牌 MOOIMOM 自 2016 年創立起,便瞄準全球市場,MOOIMOM 創辦人周靖棠指出,近年來,台灣新生兒人數持續下滑,若一開始就只做台灣市場,花去的時間、開發成本都無法撐起未來的成長性,「所以我們第一天就決定『Go Gloabl』,這對新創非常重要。」

AWS-2.png
新創品牌MOOIMOM瞄準母嬰市場,有鑒於台灣新生人口持續負成長,從2016年創立的第一天,創辦人周靖棠就決定Go Gloabl,決心用優質產品,挑戰更大的市場。
圖/ MOOIMOM

MOOIMOM 是從印尼市場起家,再逐步拓展回台灣,但周靖棠隨即又意識到,若「Go Global」僅在東南亞、台灣,仍然有侷限,於是 MOOIMOM 決定加入亞馬遜,跨出亞洲、進軍澳洲等市場,「MOOIMOM 需要一個已經有高信賴度、強大物流、精準數據的夥伴,協助我們降低跨足北美、澳洲等市場的門檻。」

AWS-3
MOOIMOM創辦人周靖棠、共同創辦人李沆澎及團隊,透過運用亞馬遜數據與工具,以最真實的消費者反饋,反覆打磨產品。
圖/ MOOIMOM

為了找到市場缺口、實踐價值創新,MOOIMOM 積極運用亞馬遜上的數據與賣家工具。相較於其他品牌可能會注意自家產品有多少五顆星的評價,周靖棠尤其重視「四顆星」的留言,「因為那往往是能不能從『好』做到『更好』的關鍵。」以 MOOIMOM 的「涼感產後束腹帶」為例,團隊透過評論,發現邊緣縫線會造成皮膚的些微摩擦,加上產婦穿不住悶熱的材質,於是,MOOIMOM 花了近兩年時間,參考亞馬遜後台數據,包括消費者留言、競品的包裝顏色、排名落差等資訊,將產品從 1.0 迭代至 3.0 版本,不僅改採涼感透氣材質,更做到無縫線的舒適感。周靖棠透露,1.0 版的束腹帶,原先一週賣不到 1000 美元,但發展至 3.0 時,除了評價穩定保持在 4.3 顆星以上,一週甚至可以達到1萬美元的營業額,等於成長十倍。

AWS-4.png
圖/ MOOIMOM
AWS-5.png
產後束腹帶三代迭代圖,不僅涼感透氣,更做到無縫線的舒適體驗,讓產後媽媽可以穿得住,真正達到束腹的效果。
圖/ MOOIMOM

另外,周靖棠也善用亞馬遜的「A+ Content」等工具,將「永續」元素植入 MOOIMOM。由於澳洲對環保、安全規範的要求,向來以嚴格聞名,對於跨境電商無法「觸摸實品」的鴻溝,團隊便運用 A+ Content,在產品頁面中將小麥桿融合PP材質等無毒認證和安全細節,讓消費者一目瞭然。針對各國嚴格的母嬰用品法規,團隊也在亞馬遜協助下,一一完成合規程序,把出海阻礙轉化為讓消費者安心買單的保證。

科學實證敲開日本大門,大研生醫靠極致細節贏得信任

以德國頂級魚油、視易適葉黃素等產品聞名的大研生醫,起初是為了自己和家人的保健需求創立,在台灣取得佳績後,大研決定將這份堅持帶向世界。而出海的首站,是保健食品發展逾百年、相當競爭的日本市場。

AWS-6.jpg
大研生醫出海首站就挑戰保健食品發展逾百年、相當競爭的日本市場,大研生醫董事長林東慶表示,進入日本市場真的很辛苦,但當收到日本消費者正向的回饋時,對團隊帶來很大的鼓舞。
圖/ 數位時代

大研生醫董事長林東慶解釋,先選擇日本,是因為當地消費者偏好網購、多居住於公寓,購物習慣、商業環境和台灣相近。至於決定透過亞馬遜進軍日本,一方面出於亞馬遜是日本使用率最高的電商網站之一。其次,在日本市場想「從 0 到 1」發展不易,溝通成本高,「但亞馬遜上的消費者,都很願意接受新東西。代表我們更容易在上面找到對的人。」

林東慶特別提到,日本保健食品市場歷史悠久,卻並非完全沒有切入機會。例如:日本延續過往經驗,原料進展未必跟上時代需求,市面的魚油濃度普遍都不足。除了端出創新的產品之外,想進入相對成熟的日本保健品市場,安全有效、建立信任是唯一真理,「大研經營的正是『信任』,信任背後代表了你的產品、服務和品牌。而亞馬遜就是過程中的最強後盾。」

大研透過亞馬遜的後台數據,從消費習慣與市場需求兩個面向,深入了解日本市場。例如,日本消費者偏好小顆粒、一天可服用多顆保健品;另一方面,日本社會因工作壓力大,助眠、舒緩情緒等產品需求也持續成長。團隊再搭配「在地製造、世界原料」的策略,讓「Made in Japan」成為敲門磚,「就和在台灣帶起『高濃度魚油』的風潮一樣,我們以國際頂級專利原料、強大的科學實證及嚴格的產品檢驗,帶起新趨勢。」

大研甚至將細節延伸至包裝、服務。比方說,日本家戶的信箱尺寸偏小,大研的包裝設計,便要確保能順利投遞進信箱;消費者認為用紙盒包裝更安全,大研也從善如流,採精緻紙盒而非美國市場的簡約瓶裝。由於在每個環節都做到極致,大研才進軍日本亞馬遜半年,就奪下 Omega-3 魚油類目排名第一,整體 BSR 也達到 1000 至 1200 名以內。

接下來,大研計劃進軍極度重視天然與健康的澳洲市場,以及競爭激烈的美國市場,林東慶強調,大研期望透過亞馬遜,將對品質的堅持帶出台灣,成為具影響力的全球品牌。

AWS-7.jpg
大研生醫因應不同市場消費習慣,推出日本、美國、台灣三種版本魚油產品,同樣訴求高濃度、高品質。不僅在生產上呼應其「在地製造、世界原料」的全球化策略,更配合當地市場習慣,量身定做外包裝規劃,左:日本版、中:美國版、右:台灣版德國頂級魚油)
圖/ 數位時代

跳脫傳統代工宿命,特力集團用數據算出市場需求

擁有 30 年歷史的特力集團,從傳統 B2B 貿易起家,如今再下一城、攻入跨境電商市場,在亞馬遜上的營收,每月穩定達到美元六位數。這背後,是一場為了解決傳統代工痛點發起的 DNA 轉型。

特力集團業務總監 Isaac Liao 指出,傳統 B2B 貿易是特力深厚且穩固的根基,但為了在全球供應鏈重組的變局中更具敏捷度,特力必須打破過去與終端市場之間的隔紗。但中上游企業打下游 B2C 戰局,最怕盲目下注或因為怕虧損而不敢試錯。特力的心法,是建立一個「基於數據的科學容錯機制」,把亞馬遜當成全球導航儀,大膽做小規模的市場實驗,算準了、看清了再重注出擊。

AWS-8
特力集團業務總監 Isaac Liao(右三)分享:特力發揮多軌營運優勢,結合在地團隊實體佈局與供應鏈韌性,打造品牌護城河。
圖/ 特力集團

Isaac 透露,特力在歐美家居市場突圍的關鍵,在於用「數據」找出消費者的痛點,再據此創新產品,「中上游企業常覺得自家產品無敵,怎麼會賣不好?但在電商戰場,消費者沒搜那個關鍵字,產品再好都等於不存在。」特力是用亞馬遜的商機探測器、品牌分析工具,抓出高需求、低競爭的藍海市場,並將自家產品、競品的負評,作為研發參考。例如團隊抽絲剝繭後,發現消費者通常在購買資源回收桶時,最痛恨「異味洩漏」和「腳踏板易壞」;買烤肉推車時,則有「說明書看不懂」、「組裝太複雜」等痛點。團隊會再據此回頭改良製程、產品,並將行銷時,將這些痛點的「解方」直接放大在亞馬遜的產品頁面 A+ Content 和主圖影片中。

AWS-9
結合質感美學與實用功能,特力熱銷居家產品主打極窄隙縫省空間設計(左)與質感靜音緩降上蓋(右),精準切中消費者痛點。
圖/ 特力集團

Isaac 特別提到,近期特力導入了亞馬遜行銷雲(Amazon Marketing Cloud, AMC),拆解完整的消費旅程。以特力在亞馬遜熱銷的烤肉推車為例,透過 AMC 的底層數據藍圖,團隊發現歐洲消費者從心動到行動平均需要三週。消費者可能在第一週看球賽時,先被特力的品牌影片廣告(DSP)吸引;第二週滑亞馬遜時,看到展示型廣告(SD)被再次提醒;直到第三週週末要辦派對了,才在搜尋框輸入關鍵字並透過商品廣告(SP)下單結帳,「AMC 讓我們看清這條跨渠道的『消費旅程藍圖』,把過去盲目砸廣告的焦慮,變成每分錢都能精算回報率的高精準 ROI 投資。」

特力已立下月營收達七位數美元的新目標。Isaac 透露,團隊正積極布局生成式引擎優化(GEO)等最新 AI 搜尋趨勢,並根據亞馬遜的後台數據,延伸家居周邊產品線,期望推動內部從「製造思維」進化為「市場和品牌思維」,讓台灣深厚的製造底蘊,能在國際零售舞台上走得更深、更遠。

從 MOOIMOM、大研生醫到特力集團,三個品牌雖然來自不同產業,卻走出了一條相似的成長路徑:透過產品創新回應市場需求,並以品牌信任建立長期競爭力。事實證明,真正的品牌優勢,並非一次打造出完美的產品,而是持續傾聽消費者、快速迭代,並把每一次優化都累積成更深厚的品牌價值。

對台灣企業而言,全球化已不只是把產品賣到海外,而是直接面對全球消費者、持續學習並打造品牌的過程。亞馬遜提供的不只是跨境銷售的管道,更是一套串聯市場洞察、消費者數據、全球物流與在地營運的全球基礎設施,協助品牌更快理解市場、更快優化產品,也更快建立品牌信任。當台灣品牌將製造優勢結合持續創新的能力,並善用全球資源加速成長,就更有機會站穩世界市場,實踐「Go Global From Day One」的全球布局。

想要挑戰跨境,讓更多人認識你的產品嗎?
立即報名 Taiwan Select Day

圖/ Amazon

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
代理式商務連動百兆商機
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓