我們都知道 Google 致力於降加快網站載入速度,以此提升使用者體驗
無論是從網站管理員方面著手(降低網站載入速度有助於提升 SEO 排名)
因此 Google 在 2018 年 11 月 12 日發布了一項新工具「Squoosh」以降低網站圖片的大小
這項好用的功能能夠幫助圖片減肥,壓縮圖片大小
而「Squoosh」厲害之處在於,壓縮圖片大小的同時,又不會失去圖片的品質
就讓我們來瞧瞧吧!
網站名稱:Squoosh
網站連結:https://squoosh.app/
Squoosh 介紹與介紹與教學 步驟 1
首次進入後,可以看到主畫面相當簡潔
直接透過拖曳方式將你想要壓縮的檔案進行壓縮
而「Squoosh」雖然是線上壓縮工具,但其特點在於能夠「離線使用」
Google 許多服務現在都提供離線服務(Google Map、Google Translate)
因此這項實驗性新工具「Squoosh」也在實驗階段就推出這項功能
當你第一次連上網路開啟後,之後進入 Squoosh 就都能以離線方式使用
即使在沒有網路情況之下,依然可以使用 Squoosh 進行圖片壓縮
在後續再次進入 Squoosh 後,就可以看到下方顯示「Ready to work offline」
Squoosh 介紹與介紹與教學 步驟 2
在預設的情況之下 Squoosh 都會以「MozJPEG」的格式進行圖片壓縮轉換
在這個壓縮格式之下,壓縮的體積非常小,而且壓縮的速度非常快
可能就是因此而使用「MozJPEG」作為預設的壓縮格式原因吧
Squoosh 提供即時觀看的功能,透過移動條你可以查看與比較壓縮前後的畫質
以 Sliven 我使用的測試圖片來說,原始圖片大小為 2.35 MB,壓縮後變為 771 KB
壓縮比例來到 75 %,但是以肉眼來說完全看不出兩張圖的差異
Squoosh 介紹與介紹與教學 步驟 3
在 Squoosh 上你還可以直接對圖片進行剪裁
這是大部分的圖片壓縮軟體所沒有的功能
因此除了圖片壓縮之外,還可以同時兼具改變圖片比例,相當實用
而在左下角你也可以選擇其他壓縮格式的圖片檔案大小來做比較
非常詳細的資料都能顯示出來,也含有非常多實用的功能,整體 UI/UX 設計也很棒
左右兩邊可以同時選擇不同的壓縮格式來比較兩者的檔案大小
而「Squoosh」也提供多種壓縮格式,如:OptiPNG、MozJPGE、WebP、Browser PNG、Browser JPGE、Browser WebP
支援相當多種主流的圖片格式,應該足夠大部分人使用了
我的感想
圖片線上壓縮工具其實早已有許多好用且免費的線上服務
而 Google 這次提出的 Squoosh 在功能與設計上很優秀
但我認為 Google 推出這項工具的意義應該是在默默推廣自家的圖片格式「Google WebP」
由於目前「Google WebP」圖片格式尚未兼容所有的瀏覽器
也並非能在所有設備上開啟 WebP 格式的圖檔
在尚未成為主流的圖片格式之下,透過 Squoosh 或許能夠慢慢的進行推廣
近期 Google 動作頻頻,PageSpeed Insight 也剛剛推出新版本
使用完 Squoosh 壓縮圖片後,可以利用新版本的 PageSpeed Insight 來分析網站
看看自己的網站速度有沒有因此變快,分數變高吧!
你怎麼想的呢?歡迎留言分享你的使用心得吧!
相關文章
- AnyConv 免費線上轉檔案服務,支援超過 400 種檔案格式,每小時最多可轉換 60 個檔案
- FoneDog Photo Compress – 免費線上圖片壓縮工具支援 JPEG, PNG, SVG, Gif 格式與批次上傳功能
- Compress PNG/JPG 免費線上壓縮圖片大小,減少 80% 容量又保留品質的最佳利器!
- Upscale Pics – 免費線上小圖不失真放大工具,利用 AI 技術無損放大小圖並維持高解析度保持圖片品質
- Compressor.io – 免費線上圖片壓縮工具,上限 10 MB 並支援 JPEG, PNG, SVG, GIF 與 WEBP 檔案格式
- Imagify – 線上圖片免費壓縮工具,三種壓縮等級幫你減少圖片檔案大小,還提供 WordPress 外掛自動壓縮上傳圖片
- Optidash – 免費線上壓縮圖片工具,使用 AI 圖片優化技術降低 JPEG、PNG 與 GIF 的檔案大小!
- Optimizilla – 免費線上圖片壓縮服務,一次可同時上傳 20 張圖片並個別進行品質設定
- iLoveIMG – 免費影像文檔線上編輯工具大全,從壓縮圖片到添加浮水印,應有盡有!
- FonePaw 線上免費圖片壓縮服務 – JPG/PNG 優化神器,壓縮比高達 90% 且不失真
- LambdaTest – 瀏覽器相容性測試工具,檢測你的網站在所有平台裝置上的相容性
- 網站頁面載入速度對於 Google SEO 排名的影響
新增留言