活動常一次落地數十張 PNG,須符合 社群媒體規格並扛住客戶端裁切。本文給設計與營運決策對照與驗收清單:安全區與出血如何取捨、PNG 批量匯出如何在 遠端 Mac(M4 級)穩定複跑,並以抽檢取代逐張聊天驗收。
決策快照:先對齊什麼
| 簡報怎麼說 | 優先策略 | 風險提示 |
|---|---|---|
| 「手機上標題絕對不能被切」 | 官方 安全區構圖;交付寬高=上線規格;印刷另開檔再談出血 | 限動安全線勿硬套 LinkedIn——每通道獨立範本 |
| 「一張主視覺打滿所有站」 | 寬幅主檔+腳本依 社群媒體規格居中裁切 | 商標/法務:每個裁切比例都複查 |
| 「高解析要銳」 | 鎖定 @1x 網格,整數匯出倍率(@2x 剛好翻倍)輸出細字 | 非整數縮放易糊小字 |
色彩政策見sRGB/P3 清單;印刷 CMYK 先走CMYK→sRGB 矩陣再裁社群。
各平台尺寸閾值表
下表為 2026 實務預設,每季以官方工具覆核。「安全區」=交付寬高內建議內縮範圍(非法律意見)。
| 版位 | 常見交付 PNG 寬×高 | 安全區習慣 | 出血備註 |
|---|---|---|---|
| X/Twitter 頁首 | 1500 × 500 | 訊息置中偏重;桌面左下會被大頭貼擋 | 外緣可選 8–16px 裝飾延伸 |
| LinkedIn 個人橫幅 | 1584 × 396 | 左約 1/3 視為大頭貼敏感帶 | 通常精確寬高即可 |
| LinkedIn 公司橫幅 | 1128 × 191 | 極寬,標語宜單行 | 右側標誌單獨驗 |
| Facebook 封面 | 820 × 312(常見桌面裁切) | 手機裁高,CTA 垂直置中 | 較高畫布須 brief 註明死區 |
| IG 限動/Reels 封面 | 1080 × 1920 | 字在中央約 90% 寬;上下留 UI 帶 | 法務字留垂直安全帶 |
| YouTube 頻道圖 | 2560 × 1440 主檔,再導出內層安全裁切 | 先對齊桌面可讀安全矩形 | 寬主檔=出血思維,下游裁切為真 SKU |
將表寫入遠端 YAML,寬高不符時讓 PNG 批量匯出直接失敗。
色彩與透明通道
社群 PNG 預設 sRGB、每通道 8-bit;整檔活動鎖同一契約:
- 無 alpha:大色底用類 PNG24,省位元組。
- RGBA:社群靜態預設直線 alpha(除非管線明定 premultiplied)。
- 廣色域:一般避免強制 P3 PNG,行動預覽易爭議。
sRGB 校驗步驟(遠端 Mac):
magick identify -verbose ./out/檔名.png確認Colorspace: sRGB與 ICC 嵌入/剝離政策。- Safari/Chrome 100% 看品牌中性灰樣張。
- RGBA 疊
#FFFFFF、#0B0D12;合約要求乾淨去背卻有色暈則退件。
透明邊角批量案例見透明檢核 FAQ。
批量命名與資料夾結構
活動名與實際檔名分離,才扛得住大量 PNG 批量匯出:
campaigns/2026Q2-brand/
masters/BANNER_MASTER_2560x1440_sRGB.png
out/
li-personal/BR-2026Q2_linkedin-personal_1584x396_v3.png
x-header/BR-2026Q2_x-header_1500x500_v3.png
ig-story/BR-2026Q2_ig-story_1080x1920_v3.png
- 檔名:縮寫+通道+寬高+版次,利 grep 抽檢。
masters/唯讀;腳本只寫out/。README.txt註付費/自然流量單檔上限差異。
遠端 M4 批處理參數
節點宜並行 ImageMagick/sips;留意熱與 I/O。
- 並行:4K 主檔約
min(4, 效能核心);碟滿則勿加。 - 重取樣:照片
Lanczos;細字多改Mitchell,整檔擇一入日誌。 - 匯出倍率:站方接受 supersampling 時 @2x 用整數翻倍;否則交原生寬高。
- 裁切容差:背景區自動裁可 ±1px;商標/法務 ±0px,SKU 逐條註明。
居中裁至精確寬高(路徑自換):
magick ./masters/BANNER_MASTER.png -colorspace sRGB \
-gravity Center -extent 1500x500 PNG24:./out/x-header/campaign_x-header_1500x500_v1.png
驗收抽檢
規則寫死,腳本全檢+人眼抽檢。
- 腳本閘門:寬高、RGB/RGBA、可選
max_bytes全檔必過。 - 抽檔:每通道家族至少一檔+隨機;大批用分層抽樣,必含最寬(公司 LinkedIn)與最高(限動)比。
- 安全區:遮罩疊圖,標題/CTA 碰線退件;
QA.jsonl留審核者、時間、版本或資料夾雜湊。
把出血寫成「可交付寬高是否大於上線寬高、由誰裁」的政策,不要留成神秘像素;與 Figma 自動版面、遊戲/UI 大圖切塊等題材錯開角度,本篇只對準社群橫幅規格與 PNG 批量契約。
常見問題
每站都上 @2x PNG? 僅當產品接受較大來源且縮放乾淨;否則體積與假影吃虧。
為何要 PNG? 扁平色、硬字、透明混用時,較能扛廣告工具二次壓縮。
規格漂移? 營運季更;工程維護遠端 YAML 與腳本版。