給設計師、交付與營運素材崗：從印刷稿、簡報匯出或供應商 PDF 轉成網頁／App 用 PNG 時，痛點幾乎總是兩類——糊（DPI／縮放鏈錯）與偏色（sRGB 與 Display P3 混用）。本文用決策矩陣對齊 PDF 轉 PNG 的柵格化參數、色彩管理與批量匯出驗收，並說明如何放到遠端 Mac 上固定環境重跑。更多設計工作流可延伸閱讀 Affinity／Sketch／Figma 批量 PNG 工作流、sRGB／Display P3 驗收清單；完整文章列表見 技術見解。
場景與風險（模糊／偏色）
典型場景：品牌手冊 PDF、Keynote／PowerPoint 轉出頁、電商供應商線稿、帶向量與點陣混排的說明書。模糊多來自「先低解析柵格化再被前端放大」、或 Retina 倍率未乘進寬高。偏色則常是 PDF 內嵌廣色域、螢幕為 Display P3，卻直接輸出未轉換的「標籤 sRGB」PNG，或反過來在 P3 螢幕上誤判 Web 稿。
| 現象 | 高機率原因 | 避坑要點 |
|---|---|---|
| 細線／小字糊成一片 | DPI 不足或縮放與目標 px 不一致 | 以目標像素寬高反推 DPI，避免「任意 72 DPI」 |
| 同一 PNG 在 Win／Mac 色感不同 | 檢視端描述檔＋是否內嵌 ICC | 團隊書面約定交付色域與內嵌政策 |
| 飽和度突然「爆」或變灰 | 僅改標籤未做色域轉換 | 柵格化管線選轉換到 sRGB 再輸出 8-bit |
DPI 與縮放策略表
實務上請先寫清目標顯示寬度（CSS px）與裝置倍率（例如 @2x）。像素寬 ≈ CSS 寬 × 倍率。PDF 以點（pt）為頁面單位時，1 pt 在 72 DPI 下對應 1 px；若要某頁寬度剛好等於目標像素寬，可用 DPI = 目標像素寬 ÷ PDF 頁面寬（pt）× 72（單頁全幅寬對齊時）。下列為常用決策矩陣（可依專案再微調）。
| 交付目標 | 建議思路 | DPI／像素備註 |
|---|---|---|
Web 單欄大圖（約 1200 CSS px，@2x） |
先定輸出寬 2400 px，再反推 DPI | 禁止先出 800px 再靠瀏覽器拉大 |
Retina 圖示／卡片（CSS 360px，@3x） |
寬 1080 px 對齊設計稿 | 與 Figma／Sketch 導出倍率一致 |
| 需後製裁切的「保險邊」 | 在目標 px 上預留 8–12% 再裁 | 裁切後檢查抗鋸齒是否變髒 |
| 多頁批量、頁面寬高不一 | 腳本讀每頁 MediaBox，逐頁算 DPI | 統一「最長邊上限」避免單頁暴大 |
大畫幅與 M4 批量算力配置可對照 遠端 M4 批量匯出 4K PNG。
色彩空間與匯出參數
PDF 轉 PNG 的色彩管理重點是：母檔可以是 Display P3 或印刷 CMYK 轉出的 RGB，但對外 Web PNG多數團隊仍以 sRGB 為單一真實來源。下表可作與工程、營運共用的參數對照（與純向量導出流程可併讀 Mac PNG 色彩管理清單）。
| 項目 | Display P3（創作／內部預覽） | sRGB（對外 Web／大多數 CDN） |
|---|---|---|
| 色域意圖 | 保留廣色域設計稿 | 相對色度或團隊指定 perceptual，需全專案一致 |
| 點陣深度 | 16-bit 過渡再轉 8-bit 可減斷階 | Web PNG 多為 8-bit RGBA |
| ICC／描述檔 | 內部歸檔可保留描述檔資訊 | 是否嵌入 ICC 與前端約定；重點是真轉換而非只改標籤 |
| 透明 | 注意疊在 P3 螢幕上的心理預期 | 淺／深底各驗一次邊緣暈圈 |
批量腳本／動作流程
設計端可用「錄製動作＋批次」或交給工程用 ghostscript／mutool draw／pdftoppm 等工具（依授權與色彩引擎選型）。遠端節點建議固定：同一 macOS 小版本、同一套工具版本、同一輸入輸出路徑。流程骨架：
- 前綴檢查：PDF 是否加密、字型是否子集化、是否有 CMYK 圖片需先轉 RGB。
- 參數檔：JSON／YAML 記錄每個版型的 DPI、色域、輸出寬上限、是否裁白邊。
- 目錄約定：
in/pdf→out/png→qa/fail；失敗頁另存日誌。 - 銜接質檢：透明、檔案體積與命名規則可對接 OpenClaw PNG 批量質檢 的思路（守護程序與閾值可依團隊裁剪）。
若流水線已用 OpenClaw，可延伸 Docker 與批量導出自動化 一文統一部署。
跨屏一致性驗收
柵格化後請不要用「只看設計師筆電」作終審。建議最低限度：
- 參考螢幕：至少一臺校準為 sRGB 或已知偏離值的外接螢幕。
- 瀏覽器：Safari 與 Chromium 各開一張，底分別為
#FFFFFF／#0B0B0B。 - 像素檢視：100% 像素檢視細線與文字；再縮放到實際 CSS 尺寸看混疊。
- Manifest：每檔記錄寬、高、位元組、工具版本、色彩參數哈希，便於營運重跑同一命令。
FAQ
問：Acrobat「匯出影像」與預覽程式結果不一樣，以誰為準？
答：以團隊書面指定的管線為準；兩者色彩引擎與預設不同，混用會導致批次與手動不一致。
問：300 DPI 一定夠嗎？
答：DPI 只有放在「頁面實際尺寸」下才有意義；請改問「輸出像素是否 ≥ 目標 × 倍率」。
問：PDF 裡有 CMYK 圖，轉 PNG 發灰？
答：需在柵格化前走可重現的 RGB 轉換（含黑版與墨量策略），並保留一張標準測試頁對色。
問：批量上千頁，本機風扇狂轉怎麼辦？
答：將固定參數的長任務放到遠端 Mac，本機只負責監看 manifest 與抽檢；連線與計費可先到站內 幫助中心（免登入）瀏覽。
總結：PDF 轉 PNG 要穩，須同時鎖DPI／像素鏈與色彩管理：前者決定清不清晰，後者決定像不像品牌稿。批量匯出務必版本化工具與參數，並以 manifest 讓交付與營運能一鍵重跑驗收。任務時間長或需共用同一 macOS 基線時，遠端 Mac 套餐可把柵格化與 PNG 後處理從本機抽離，降低環境漂移與硬體佔用。
建議接著開啟站內免登入頁面：購買／租用遠端 Mac、節點定價、幫助與連線指南；若仍優化設計工具鏈，可延伸 批量 PNG 工作流 與 色彩驗收清單。