更多

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

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

    Lenovo X13 AMD Rayzen 5 套裝早鳥優惠 $8,999 送 24″ 顯示器及配件

    無論是為迎接開學,又或者再次反彈的疫情下需要為居家工作做準備都好,近期都有不少人有需要購置新筆電,令電腦銷情反彈。廠商也很識做,推出不少優惠吸引顧客。 Lenovo 剛剛就在自家網店上,推出了一款還未正式發售的 AMD 筆電 X13 套裝,連同 24 吋顯示器、 7 合 1 USB-C Hub 等最平只需 $8,999 ,相當吸引。

    【突發】Facebook 改 Code 累炒多款 iOS 程式!

    不少提供 Facebook 登入的 iOS 程式如 Spotify 、 Pinterest 、 MarioKart Tour 等在今晚 7 時左右都同時出現彈 App 問題。後來 Facebook 發出通告證實是跟他們更改程式碼有關,並於晚上 10 時左右解決問題。

    全球第二季電腦銷情報告發表    疫情下居家工作推動電腦銷情

    市場調查機構 IDC 發表 2020 年第二季度( 4 至 6 月)全球電腦出貨量報告,比起去年同期增加 11.2% ,達 7,230 萬台。顯示在疫情蔓延至全球下,各國都要求企業員工居家工作,因而帶動電腦需求上升。 自今年第...

    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 網站: 按此

    相關文章