
即時網上圖像壓縮軟件「Squoosh」是WebAssembly示範作。
Google在剛舉行的網頁開發者大會「Chrome Dev Summit」中,推出一個免費網上圖像壓縮軟件「Squoosh」,示範怎麼利用WebAssembly處理高度演算集中的工作,還提供程式碼,讓開發人可以學習並加以運用。對一般人來說,這也是一個方便的縮圖工具。

:畫面分開左右,左邊是原相,右邊是經過壓縮的結果。
「Squoosh」用法很簡單,只要拖曳或點擊「select an image」,選取照片上傳,幾乎立即就可以見到一個被中間分隔的畫面,左邊顯示原圖,右邊實時顯示圖片壓縮後的效果。程式支援一般JPEG、PNG和WebP格式外,還支援較少人使用的格式,如MozJPEG和OptiPNG。設定上,除縮放大小和調色板色數外,個別格式還有詳細的設定,這是網頁縮圖軟件少見的。用戶調整每一個設定,都可以即時看到壓縮效果和壓縮後的圖像大小。最後,只要按右下角的下載鍵即可下載壓縮圖片。
網頁程式開發發展迅速,很多新標準落實,令網頁做到更多以往需要本機程式才能做到的事,但這也導致網頁程式愈來愈倚重不擅運算的Javascript。為了讓網頁程式具備更高效能,來自Mozilla、Google、微軟和蘋果的團隊合作研發出WebAssembly這種低階程式語言和相關編譯器,處理高度運算集中的工作。

支援多種輸出格式。

從Chrome開發工具會看到圖片沒有上傳過,所有工作皆在本機進行,mozjpeg_enc.93395.wasm是負責壓縮的WebAssembly檔案,所以反應很快。

除一般縮放和調整調色板之外,每種輸出格式都可詳細設定,還可以即時看到調整後的結果和壓縮效率。