PNG 對 WebP 對 AVIF 嘅剪輯
當人哋問邊種格式「最適合剪貼畫」嗰陣,佢哋通常會將三個唔同嘅工作混合埋一齊:
- 打開一張來源相片
- 背景移除後保持透明度
- 交付一個隊友同目的地都明白嘅檔案
PNG 、 WebP 同 AVIF 都可以喺現代圖像作品入面出現。佢哋唔係每個步驟都可以互換。
剪裁重要嘅準則
| 準則 | 點解對剪貼嚟講咁重要 |
|---|---|
| 透明度 / 阿爾法 | 如果個主體一定要浮喺其他背景上面,就需要 |
| 廣泛支持 | 減少「檔案唔會打開」嘅摩擦 |
| 檔案大小 | 網絡交付同大型目錄嘅事項 |
| 編輯熟悉度 | 幫助團隊交出資產而唔會混亂 |
| 工作流程適合度 | 輸入支援同首選匯出可能有所不同 |
PNG
** 優點 **
- 廣泛理解透明資產
- 可靠嘅投影片、列表、貼紙同設計組合嘅交接
- 清晰嘅心理模型:剪貼 → 透明 PNG
** 折衷 **
- 通常大過現代相片格式,視覺質素相似
- 唔係每個網站管道都係最有效嘅交付格式
對於 Easy Background Remover 嚟講,當你需要真正嘅透明度嗰陣, PNG 係實際嘅匯出答案。
WebP
** 優點 **
- 網絡上常見
- 可以支援透明度作為格式家族
- 好多資產通常都細過 PNG
** 折衷 **
- 支援同團隊熟悉度因目的地而異
- 唔係每個交接夥伴都期望 WebP 係預設嘅剪切主
當你喺網絡上面儲存圖片嗰陣,佢可以用作 ** 輸入 ** 。對於呢個產品嘅剪輯工作流程, PNG 仍然係更清晰嘅匯出預設。
AVIF
** 優點 **
- 現代壓縮效率
- 作為一種送貨格式越嚟越普遍
** 折衷 **
- 對於好多工作流程,更廣泛嘅團隊/工具熟悉度仍然落後於 PNG
- 最好將佢當成可能嘅來源格式,而唔係每個用戶嘅預設透明母版
如果原始文件以 AVIF 嘅形式到達,將佢打開為輸入可以節省轉換摩擦。將透明嘅剪裁匯出為 PNG ,可以令結果容易重複使用。
準則表(快速睇)
|需要 |向 | 傾斜 | ------ | -------------- | |透明主機重用 | PNG | |來源圖片嚟自一個網站 | WebP 或 AVIF 可能會顯示為輸入 | |隊友之間嘅最大熟悉度 | PNG | |稍後交付優化 |如果你嘅管道需要嘅話,由一個乾淨嘅主機轉換 | | 「我部手機影相得唔得?」 |打開支援嘅輸入,匯出 PNG 剪輯 |
一個實際嘅工作流程規則
分開 ** 輸入 ** 同 ** 輸出 ** :
- 輸入:用你已經有嘅任何支援嘅來源
- 透明切口嘅輸出:除非特定目的地另有要求,否則偏好 PNG
呢個規則可以防止一個常見嘅陷阱:辯論現代格式,同時意外失去透明度或者令協作者感到困惑。
當大小壓力係真實嘅
如果目錄量大,而且交付大小重要,請保留兩層:
- 一個乾淨嘅透明母版(通常係 PNG )
- 如果你嘅網站管道需要,下游優化嘅交付版本
唔好優化走主頁先。從壞出口中復甦,比起儲存清晰來源資產更貴。
常見嘅錯誤
錯誤1:揀格式只係因為佢新啲
新啲嘅唔會自動清晰啲,用嚟剪接交接。
錯誤2:假設每個格式都會以相同方式保留每個工具嘅透明度
一定要驗證目的地接受 alpha 。
錯誤3:喺鎖定剪裁質素之前,優化交付
先修復邊緣同透明度,然後優化。
錯誤四:將投入同出口當係一個決定
佢哋係有關係,唔係一樣。
有關呢個產品嘅格式開放期望,請參閱[支援嘅圖片格式]( __ MDLINK0 _ _ )。有關透明度概念本身,請睇[透明 PNG 係咩?]( __ MDLINK1 _ _ )。