截圖展示英文版應用。預設名稱和設定項也提供應用內的本地化版本。

從這組設定開始

在 PixRinse 中選擇 Web 高品質,再按接收平臺的實際要求檢查以下設定。

本案例使用的設定
輸出WebP
品質82
長邊1920 px,僅縮小
顏色轉換為 sRGB
PixRinse Web 高品質 預設,帶有 WebP 輸出和 1920 px 長邊規則
本演練使用的設定。選擇螢幕截圖以完整尺寸檢查它。

具體操作步驟

  1. 收集網站圖片

    使用您擁有的最高品質的來源檔案進行工作。將原件與打算出版的文件分開。

  2. 選擇Web 高品質

    此預設使用 WebP 品質 82、1920 px 最大長邊和網路安全元資料。將長邊調整為您的實際佈局。

  3. 比較視覺結果

    查看漸變、小文字和詳細的邊緣。品質設定是一個起點,而不是對特定視覺結果或節省百分比的承諾。

  4. 導出和集成

    檢查每個文件的輸出格式和狀態。如果同一頁面需要多種寬度,請使用 回應式 Web 預設。

本教程的實際檔案

這個案例的實際結果

3072 × 2048 PNG 變成 1920 × 1280 WebP。設定螢幕截圖明確顯示了品質 82 和 轉換為 sRGB。

品質
82
色彩配置檔案
sRGB
輸出格式
WebP
實際匯出的檔案
文件格式像素位元組
vase-web.webpWebP1920 × 128072,818
為網頁準備圖片:實際匯出結果
本教程示例檔案的實際匯出結果。

根據所示的範例文件進行測量。您的結果取決於您的原件和設定。陶瓷花瓶照片是人工智慧產生的樣本。應用程式螢幕截圖和導出的文件測量結果都是真實的。

常見問題

每個 WebP 都會小於來源嗎?

不會。大小取決於來源、圖像內容和設定。 PixRinse 可以避免保留較大的結果。

WebP 可以保留透明區域嗎?

WebP 支援透明度。檢查結果中的透明邊緣,並在更適合藝術品時選擇 PNG 或無損 WebP。

現在就試試這組設定。

打開PixRinse,添加一些圖像並從上面的設定開始。

下載 Mac 版免費:每批次最多 10 影像,每個來源一個輸出。 比較免費版和專業版。