查看圖像工具的狀態。
將圖片放到網路上很簡單,但要做好這件事卻很難。選擇正確的格式、壓縮、每英寸點數 (DPI) 和數百種其他設定,否則很容易忘記這些設定。
好消息是,現在有許多工具和服務可為我們完成所有這些工作。不太好的新聞是,您可能很難選擇適合自己的工具或服務。因此,我們推出了 images.tooling.report 網站,列出我們認為在實際工作中發布圖片時最重要的事項,並比較一些最受歡迎的軟體和服務 (無論是付費或免費、代管或自管)。
為什麼呢?
圖片占據網站傳輸位元組的大部分空間,而且這些位元組會累積!事實上,我們發現未經最佳化的圖片占 網頁總大小的近 75%。所有浪費的位元組都會產生成本。因此,在研究數百萬個實際使用者工作階段時,我們發現轉換網頁所含圖片比未轉換網頁少了 38%。那麼,你應該刪除所有圖片嗎?當然不是。不過,您應確保傳送的圖片已針對所有使用者進行最佳化,無論他們使用的是哪種裝置。
這是什麼?
提供最佳化圖片不只是按一下「儲存為網頁」而已,因此 images.tooling.report 會檢查各種功能。我們會介紹基本概念,例如各種工具和服務提供的壓縮程度,以及網路最佳化功能,例如長效快取標頭。
但我們不會就此打住,我們搜尋了更進階的選項,例如支援 Save-Data
、ECT
和其他用戶端提示,以便尋找可使用資料模型重複壓縮圖片的自動心理視覺分析,找出最節省位元組的版本,且不會改變人眼的觀看方式。您是否會在傳送圖片前,將圖片中所有非視覺位元壓縮到最小?

當然,每個網站都是獨一無二的,沒有任何工具或服務能提供我們所需的所有功能。這是正常現象!因此,我們將測試結果分為不同類別。我們會說明內容傳遞網路 (CDN)、自架式專案、內容管理系統 (CMS) 外掛程式和網站建構工具。這些定義相當鬆散,主要目的是讓比較不同選項時更具參考價值:
- CMS 外掛程式是套件,可輕鬆在 WordPress 等平台上進行開發。
- 網站製作工具可比較多種不同的服務,協助您建立網站。
- 自行代管專為熟悉複製 Git 專案或在實際環境中執行自有 Docker 映像檔的開發人員而設計。
- CDN 的運作方式比較複雜。其中有些是傳統意義上的 CDN,但其他則是會在邊緣 Proxy 或代管圖片的服務。
您無法隨時滿足所有人的需要,但請查看正在評估的測試和功能,瞭解圖片最佳化工具的表現!如果您目前沒有在進行圖片最佳化,這時不妨試試圖片工具,看看能為現有網站使用者帶來哪些好處。
後續步驟
你認為我們遺漏了哪些圖片工具或服務?歡迎提出指教!工具、服務和測試本身都是不斷更新的項目。如要快速查看運送圖片的狀態,請先查看 images.tooling.report。
主頁橫幅:Michael Maasen 在 Unsplash 上提供的圖片。