更多

    展示 WebAssembly 的大能 Google 推出即時網上圖像壓縮軟件「 Squoosh 」

    Mickey Chan
    Mickey Chan
    愛模擬飛行、希望終有一日回到單車上的宅,眼鏡娘控。座右銘: 1.膽固醇跟美味是成正比的; 2.所有人都可以騙,但絕對不能騙自己; 3.賣掉的貨才是錢,不賣的收藏品不值一文; 4.踩單車,是為了吃更多美食! 5.正義的話語,不一定出自正義之人的口;

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

    即時網上圖像壓縮軟件「 Squoosh 」是 WebAssembly 的示範作
    即時網上圖像壓縮軟件「 Squoosh 」是 WebAssembly 的示範作

    「 Squoosh 」的用法很簡單,提要用拖曳或點擊「 select an image 」連結選取照片上傳,幾乎立即就可以見到一個被中間分隔的畫面,左邊顯示原圖,右邊實時顯示圖片壓縮後的效果。程式支援一般 JPEG 、 PNG 、 WebP 格式之外,還支援較少人使用的格式如 MozJPEG 和 OptiPNG 。設定上除了縮放大小和調色板色數之外,個別格式還有很詳細的設定,這是網頁型縮圖軟件少有的。用家調整每一個設定,都可以即時看到壓縮效果和壓縮後的圖像大小。決定後只要按右下角的下載掣就可以下載結果圖片(其實是將記憶體將圖片寫出來)。

    畫面分開左右,左邊是原相,右邊是經過壓縮的結果。
    畫面分開左右,左邊是原相,右邊是經過壓縮的結果。

    小編就以一張 12.1MB 的 PNG 照片來測試,不用 1 秒就能顯示結果,從 Chrome 的開發者工具就可以看出,照片根本沒有上傳到任何伺服器,一切都是在本機進行運算,所以反應也特別快。

    支援多種輸出格式
    支援多種輸出格式
    除了一般的縮放和調整調色板之外,每種輸出格式都可詳細設定,還可以即時看到調整後的結果和壓縮效率。
    除了一般的縮放和調整調色板之外,每種輸出格式都可詳細設定,還可以即時看到調整後的結果和壓縮效率。
    從 Chrome 開發工具就會看到圖片沒有上傳過,所有工作都在本機進行,mozjpeg_enc.93395.wasm 就是負責壓縮的 WebAssembly 檔案,所以反應很快。
    從 Chrome 開發工具就會看到圖片沒有上傳過,所有工作都在本機進行,mozjpeg_enc.93395.wasm 就是負責壓縮的 WebAssembly 檔案,所以反應很快。

    近年網頁程式開發發展迅速,很多標準的落實令到網頁能做到更多以往要本機應用程式才能做到的事,不過這也導致網頁應用愈來愈倚重 Javascript 。不過,Javascript 畢竟是不擅於運算的,為了讓網頁程式效能更好,來自 Mozilla 、 Google 、 Microsoft 和 Apple 的團隊就合作研發出 WebAssembly 這種低階程式語言和相關編譯器,來處理高度運算集中的工作。

    有興趣學習這種未來標準的朋友,不妨到這裡下載「 Squoosh 」的程式碼來研究。

    Squoosh 網站: 按此

    您會感興趣的內容

    相關文章