使用 images.tooling.report 呈現完美的網站圖片

請查看圖片工具的狀態。

Patrick Kettner
Patrick Kettner

在網路上放置圖片是一回事,但並非完美無缺。選擇正確的格式、壓縮方式、每英寸像素數 (DPI) 和其他數百個設定,可能會讓人難以忘記。

好消息是,如今我們準備了豐富的工具和服務,可以滿足你的需求。真是令人不敢相信的新聞實在是夠豐富了。要選擇合適的工具或服務可能並不容易,因此,我們即將推出 images.tooling.report 網站,在此網站上列出 Google 對生產製造圖片最重視的部分,並比較最熱門的軟體和服務:付費、免費、代管或自行管理。

為什麼會這樣?

圖片佔了網站傳輸位元組的重要部分,這些位元組的總數會計入!事實上,我們發現尚未最佳化的圖片在網頁總大小中將近 75%。這些浪費的位元組全都會產生費用。因此,在針對數百萬個實際使用者工作階段進行研究時,相較於未完成轉換,完成轉換的網頁,增加了 38% 的圖片。所以你應該刪除所有圖片嗎?當然不是不過,您確保你傳送的圖片經過最佳化處理,適用於所有使用者,且無論使用哪種裝置都一樣。

服務簡介

除了點擊「儲存至網路」以外,要提供最佳化的圖片,還得考量 image.tooling.report 檢查各式各樣的功能。我們會說明基本概念,例如不同工具和服務的壓縮程度,以及網路最佳化做法 (例如長期快取標頭)。

我們不會止步於此。我們搜尋了更多進階選項 (例如支援 Save-DataECT 和其他用戶端提示),試圖透過資料模型重複壓縮圖片,找出採用最少位元組的自動化心理分析,找出採用最少位元組的版本,而不影響我們理解的方式。你是先擠壓圖片中最後一張非影像內容,然後再寄出嗎?

採用深色模式 image.tooling.report 到達網頁的螢幕截圖。

當然,每個網站都是一個雪花,但沒有任何工具或服務絕對符合我們要尋找的東西。這是可預期的情況!因此我們將測試內容分成不同的獎項類別。包括內容傳遞聯播網 (CDN)、自行代管的專案、內容管理系統 (CMS) 外掛程式,以及網站製作工具。這些定義相當鬆散,是為了讓不同選項比較時更加相關的搜尋:

  • 您可以透過 CMS 外掛程式這種套件,輕鬆在 WordPress 等平台上進行開發工作。
  • 網站製作工具會比較多種可用來建構網站的服務。
  • 自行託管的適用對象為願意複製 Git 專案,或在實際工作環境中執行自有 Docker 映像檔的開發人員。
  • CDN 比較複雜一點,其中一些「是」CDN 是傳統常識的,有些則是在邊緣代理或代管您圖片的服務。

不是所有的人都沒有,但建議您查看測試和功能評估的測試,以及圖片最佳化工具的表現!若您目前還沒著手進行圖片最佳化,該怎麼辦?不妨趁這個機會介紹圖片工具,瞭解這麼做能帶給網站訪客哪些好處。

後續步驟

您認為我們遺漏了圖片工具或服務嗎?歡迎提出指教!工具、服務和測試本身都在持續更新,如果需要快速查看運送圖片圖片的狀態,請確認第一個停靠站為 images.tooling.report

主頁橫幅由 Unsplash 上製作主頁。