一起來看看圖片工具的狀態。
在網路上發布圖片是一回事,但很難找到圖片。選擇正確的格式、壓縮、每英寸像素數 (DPI) 和數百種其他設定,在自己做努力時很容易忘記它。
好消息是,如今我們擁有相當豐富的工具和服務,可協助我們輕鬆完成上述工作。但其實事情很多。要挑選符合需求的工具或服務並不容易。因此,我們推出 images.tooling.report 這個網站,列出我們認為在生產圖片中最重要的項目,並比較一些最熱門的軟體和服務,包括付費、免費、代管或自行託管。
為什麼會這樣?
圖片在網站傳輸的位元組中佔了很大一部分,這些位元組也累積了!事實上,我們發現未最佳化的圖片佔了網頁總大小的 75%。所有浪費的位元組都必須付出代價。因此,在針對數百萬個實際使用者工作階段所做的研究中,已轉換的網頁比未完成轉換的網頁少 38%。所以要先刪除所有圖片嗎?當然不是不過,您應確保傳送的圖片經過最佳化,無論使用者使用何種裝置,都能享有最佳體驗。
這是什麼?
提供最佳化圖片,不只是按一下「Save for Web」即可。因此,image.tooling.report 會檢查各式各樣的功能。我們介紹了多項基本概念,例如不同工具和服務提供的壓縮功能,以及網路最佳化 (例如長期快取標頭)。
但我們不會就此停下來。我們重新搜尋了更多進階選項 (例如支援 Save-Data
、ECT
和其他用戶端提示),找出能使用資料模型重複壓縮圖片的自動化心理分析,進而找出在不改變看法的情況下,佔用最少位元組的版本。在寄送電線前,您是否先從圖片中去除了每個非視覺元素?
當然,每個網站都涉及雪花,沒有任何工具或服務絕對能滿足我們尋找的一切內容。這是可預期的情況!因此我們把這些測試的成果分成不同類別。包括內容傳遞聯播網 (CDN)、自行代管的專案、內容管理系統 (CMS) 外掛程式,以及網站製作工具。這些定義較寬鬆,有助於您更相關的選項進行比較:
- CMS 外掛程式是能在 WordPress 等平台上輕鬆開發的套件。
- 網站製作工具會比較可用來建立網站的多種不同服務。
- 自行託管:適合習慣在正式環境中複製 Git 專案,或在實際工作環境中執行 Docker 映像檔的開發人員。
- CDN 則稍微複雜一點。其中部分是傳統情境的 CDN,而有些則是在邊緣代理或代管圖片的服務。
你不一定每次都能看到,但建議你查看正在評估的測試和功能,看看圖像最佳化工具的比較結果!如果你今天還沒著手改善圖片,該怎麼辦?接著該試用圖片工具,看看能為網站舊訪客帶來哪些好處。
後續步驟
你覺得我們遺漏任何圖片工具或服務嗎?歡迎提出指教!工具、服務和測試本身都是持續更新的事。每次需要快速查看運送圖片中的藝術品狀態時,請務必先使用 images.tooling.report 這項報表。
主頁橫幅:由 Michael Maasen 針對 Unsplash 提供。