更多

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

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

    【 Adobe MAX 】Adobe 推出 iPad 版 Illustrator

    繼去年 Photoshop 之後, Adobe 在日前舉行的 Adobe MAX 創新大會中就公布推出旗下另一款主力創作軟件—— iPad 版向量繪圖設計軟件 Illustrator 。

    無線耳機專用? 🤣 部分 Apple 官方 iPhone 12 保護殼無開喇叭孔

    大部分人買新手機時相信都會同時買新機殼,尤其是今次 iPhone 12 系列手機改用直角邊框設計,舊殼不能重用。不過大家今次買官方手機殼時就要留意一下,因為有外國網民在 Reddit 指出在 Apple Store 買來的 iPhone 12 官方手機殼底邊竟然沒有開喇叭孔,用這種手機殼就如把手機「封咀」一樣,難道真的想令 iPhone 12 變成無線耳機專用?

    iOS 14 更新雙響炮    iOS 14.1 支援 10-bit HDR 影片播放和編輯

    iPhone 12 和 12 Pro 發售在即, Apple 在新機預載的 iOS 版本將會是 iOS 14.1 ,日前 Apple 也釋出 iOS 14.1 給其他 iPhone 用戶,同時昨日也推出了 iOS 14.2 的第四個公測版本。

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

    您會感興趣的內容

    相關文章