為什麼需要圖片處理標準化？

在多設計師協作、多平台分發、多輪迭代的專案中，圖片處理若無統一標準，極易出現：色彩偏差、解析度不足、命名混亂、格式錯誤、體積過大等問題，導致返工成本指數級上升。

標準化流程四階段

Phase 1：源文件規範（攝影/插畫/素材採購端）

• 色彩空間：sRGB（數位）/ Adobe RGB（印刷前）；
• 解析度：≥300dpi（印刷）、@2x/@3x 基準尺寸（螢幕）；
• 格式：RAW/TIFF/PSD（保留圖層）、PNG（透明）、JPG（壓縮品質 85+）；
• 命名：`專案代碼_模塊_內容_版本_尺寸@倍率.後綴`（如 `GDC_H5_Banner_V03_750x300@2x.psd`）。

Phase 2：處理作業 SOP（設計師端）

1. 非破壞性編輯： 智能物件、調整圖層、蒙版、濾鏡圖層，拒絕像素級破壞操作；
2. 色彩管理： 統一色彩設置（北美 Prepress 2 / 歐洲 Prepress 3），軟證分預覽；
3. 銳化策略： 三階段銳化——拍攝端去抗混疊銳化、創意銳化（局部）、輸出銳化（按輸出設備/尺寸）；
4. 降噪與修復： 高 ISO 降噪保留細節、雜物移除、膚質潤飾保留紋理。

Phase 3：輸出交付規範（切圖/導出端）

• WebP/AVIF 優先，JPG 兜底；
• 響應式圖片集：`srcset` 對應 1x/2x/3x/斷點寬度；
• 壓縮基準：TinyPNG/ImageOptim 批處理，質量/體積平衡點量化；
• CDN 預熱與緩存策略配置。

Phase 4：品質驗收清單（QA 端）

檢查項	標準	工具
色彩一致性	ΔE < 2（關鍵品牌色）	ColorChecker / 輕量級腳本
銳度/模糊	關鍵邊緣 MTF > 0.3	Imatest / 目視 200%
伺服器體積	單圖 < 200KB（非 Banner）	自動化 CI 攔截
命名/元數據	符合規範、含版權/作者/關鍵詞	ExifTool 批量驗證

工具鏈推薦

• 批量處理：Photoshop Action + Droplet / ImageMagick CLI / Python Pillow；
• 色彩校驗：DisplayCAL + X-Rite i1Display Pro；
• 自動化流程：GitHub Actions / Jenkins + 自定義腳本，合入前強制跑圖片檢測。

標準化不是束縛，而是讓專業設計師專注於創意決策，而非重複性勞動的基建投資。