免費 Chrome 擴充程式 — 裝置上嘅剪裁

PNG 對 WebP 對 AVIF 嘅剪輯

當人哋問邊種格式「最適合剪貼畫」嗰陣,佢哋通常會將三個唔同嘅工作混合埋一齊:

  1. 打開一張來源相片
  2. 背景移除後保持透明度
  3. 交付一個隊友同目的地都明白嘅檔案

PNG 、 WebP 同 AVIF 都可以喺現代圖像作品入面出現。佢哋唔係每個步驟都可以互換。

剪裁重要嘅準則

準則 點解對剪貼嚟講咁重要
透明度 / 阿爾法 如果個主體一定要浮喺其他背景上面,就需要
廣泛支持 減少「檔案唔會打開」嘅摩擦
檔案大小 網絡交付同大型目錄嘅事項
編輯熟悉度 幫助團隊交出資產而唔會混亂
工作流程適合度 輸入支援同首選匯出可能有所不同

PNG

** 優點 **

** 折衷 **

對於 Easy Background Remover 嚟講,當你需要真正嘅透明度嗰陣, PNG 係實際嘅匯出答案。

WebP

** 優點 **

** 折衷 **

當你喺網絡上面儲存圖片嗰陣,佢可以用作 ** 輸入 ** 。對於呢個產品嘅剪輯工作流程, PNG 仍然係更清晰嘅匯出預設。

AVIF

** 優點 **

** 折衷 **

如果原始文件以 AVIF 嘅形式到達,將佢打開為輸入可以節省轉換摩擦。將透明嘅剪裁匯出為 PNG ,可以令結果容易重複使用。

準則表(快速睇)

|需要 |向 | 傾斜 | ------ | -------------- | |透明主機重用 | PNG | |來源圖片嚟自一個網站 | WebP 或 AVIF 可能會顯示為輸入 | |隊友之間嘅最大熟悉度 | PNG | |稍後交付優化 |如果你嘅管道需要嘅話,由一個乾淨嘅主機轉換 | | 「我部手機影相得唔得?」 |打開支援嘅輸入,匯出 PNG 剪輯 |

一個實際嘅工作流程規則

分開 ** 輸入 ** 同 ** 輸出 ** :

呢個規則可以防止一個常見嘅陷阱:辯論現代格式,同時意外失去透明度或者令協作者感到困惑。

當大小壓力係真實嘅

如果目錄量大,而且交付大小重要,請保留兩層:

  1. 一個乾淨嘅透明母版(通常係 PNG )
  2. 如果你嘅網站管道需要,下游優化嘅交付版本

唔好優化走主頁先。從壞出口中復甦,比起儲存清晰來源資產更貴。

常見嘅錯誤

錯誤1:揀格式只係因為佢新啲

新啲嘅唔會自動清晰啲,用嚟剪接交接。

錯誤2:假設每個格式都會以相同方式保留每個工具嘅透明度

一定要驗證目的地接受 alpha 。

錯誤3:喺鎖定剪裁質素之前,優化交付

先修復邊緣同透明度,然後優化。

錯誤四:將投入同出口當係一個決定

佢哋係有關係,唔係一樣。

有關呢個產品嘅格式開放期望,請參閱[支援嘅圖片格式]( __ MDLINK0 _ _ )。有關透明度概念本身,請睇[透明 PNG 係咩?]( __ MDLINK1 _ _ )。

繼續探索

得意