「這張圖 300dpi 還是 72dpi？」「網頁圖用多少像素？」「印刷要多大分辨率？」—— 90% 設計師對這三個概念的關係只有模糊認知。本文用一個核心公式與三個生活化比喻，徹底釐清 **像素 = 尺寸 × 分辨率** 的鐵律，讓你以後再也不會在「導出設定」前猶豫。

核心定義

• 像素 : 圖像的最小顏色單位 (一個「點」)。一張 3000×2000px 圖 = 600 萬個點 (600 萬像素)。
• 尺寸 : 圖像在物理世界的實際大小 (厘米/英寸)。如 10cm × 15cm 照片。
• 分辨率 : 單位物理長度內包含的像素數 (PPI / DPI)。300ppi = 每英寸 300 個像素點。

鐵律公式 (唯一需記住的)

推導三種常見場景

已知條件	求解目標	公式變形	實例
像素尺寸 + 分辨率	物理尺寸 (能印多大)	尺寸 = 像素 ÷ 分辨率	3000px ÷ 300ppi = 10 吋寬
物理尺寸 + 分辨率	所需像素 (新建文件設定)	像素 = 尺寸 × 分辨率	A4 (8.27吋) × 300ppi = 2481px
像素尺寸 + 物理尺寸	實際分辨率 (品質檢查)	分辨率 = 像素 ÷ 尺寸	1200px / 4吋 = 300ppi (合格)

三大應用場景標準值速查

場景	標準分辨率	典型像素尺寸範圍	核心邏輯
螢幕顯示 / 網頁 / APP / 社群媒體	**72 ppi** (歷史慣例) / 實際以像素尺寸為準	1920×1080 (全高清) 1080×1080 (IG 方圖) 1242×2688 (iPhone 刘海屏)	螢幕物理像素固定，**只看像素尺寸**，分辨率數值無實際影響
噴繪/大幅面輸出 (看板/海報/背板)	**30-150 ppi** (視觀看距離)	按實際米尺 × 目標 ppi 計算	遠距觀看人眼分辨率低，低 ppi 可接受，檔案較小
商業印刷 (畫冊/名片/海報/雜誌)	**300 ppi** (行業標準) 報紙 200-250 ppi	成品尺寸 + 3mm 出血 × 300ppi	印刷網線通常 150-175 lpi，ppi ≈ 2×lpi 確保網點重現

三個生活化比喻 (秒懂不忘)

1. 馬賽克拼圖： 像素 = 小方塊總數；尺寸 = 拼成畫面的長寬；分辨率 = 單位長度用了多少塊。同樣 1 萬塊，拼 1 米寬 (高分辨率/精細) 或 10 米寬 (低分辨率/粗糙)。
2. 針織毛衣： 像素 = 總針數；尺寸 = 衣服大小；分辨率 = 針密度。同件毛衣 (固定像素)，給胖子穿 (大尺寸) 就稀疏 (低分辨率)，給瘦子穿 (小尺寸) 就緻密 (高分辨率)。
3. 螢幕像素是「硬體固定」的： 1920×1080 螢幕永遠只有這麼多物理燈珠。一張 1920×1080px 圖在上面顯示永遠是 1:1 映射，無論你在檔案裡寫 72ppi 或 3000ppi，**螢幕顯示效果完全相同**。分辨率數值只影響「列印時預設多大」與「PS 尺子量測單位」。

PS 實操關鍵動作

1. 新建文件： 先定「物理尺寸 + 分辨率」→ PS 自動算出像素尺寸。印刷稿：**務必先設 300ppi 再設尺寸**。
2. 影像大小 (Ctrl+Alt+I)：
   • 勾選「重新取樣」： 改變像素總量 (放大/縮小圖像)、**分辨率與尺寸可獨立變**。
   • 取消勾選「重新取樣」： 像素總量**鎖死**，改分辨率 → 尺寸聯動改變，改尺寸 → 分辨率聯動改變。**這是「不損畫質」調整輸出尺寸的正確姿勢。**
3. 導出存檔 (Web/資產導出)：** 只輸出像素尺寸，**不帶分辨率資訊** (或寫死 72ppi)。前端/APP 只認像素。
4. 放大小圖： 「保留細節 2.0」/「超解析度」/ Topaz Gigapixel AI 等 AI 放大技術，本質是**智能增加像素**，而非單純插值。

常見誤區粉碎機

誤區 1：「網頁圖必須 72dpi」

錯。網頁只認像素。1000px 寬的圖，存 72dpi 或 300dpi，瀏覽器顯示**完全一樣**。只影響 PS 尺子顯示長度與列印預設大小。

誤區 2：「把 72dpi 改成 300dpi 畫質就變好」

錯。若勾選「重新取樣」→ 像素被插值放大，**畫質變差** (模糊)；若不勾選 → 像素不變，物理尺寸變小 (原本 10 吋變 2.4 吋)、**畫質不變但尺寸縮小**。

誤區 3：「手機 4800 萬像素 = 相當於 300dpi A3」

誤導。手機像素指感測器總像素 (含插值)、受限鏡頭解析力、降噪塗抹。實際可用解析力遠低於標稱值。專業印刷仍需專業相機/掃描儀產出真實高解析度原始檔。

誤區 4：「DPI = PPI」

嚴格不同。PPI (Pixels Per Inch) = 影像/螢幕像素密度。DPI (Dots Per Inch) = 印刷機噴墨點/打印點密度。1 個像素印刷需多個墨點 (網點)。但設計師日常常混用指「分辨率」。

一頁速查卡 (建議存圖)

┌─────────────────────────────────────────────────────────────┐
│  像素 = 尺寸(吋) × 分辨率(PPI)      ← 只有這個公式            │
├──────────────┬──────────────┬──────────────┬────────────────┤
│   場景       │   目標 PPI   │  關鍵動作    │   核心心法      │
├──────────────┼──────────────┼──────────────┼────────────────┤
│  網頁/螢幕   │   忽略/72    │  只管像素    │  螢幕像素固定   │
│  印刷/出版   │   300        │  先設PPI再設尺寸│  不勾選重取樣  │
│  噴繪/大幅面 │   30-150     │  算實際像素  │  看觀看距離     │
├──────────────┴──────────────┴──────────────┴────────────────┤
│  影像大小對話框：☑ 重新取樣 = 改像素 (放大縮小圖)             │
│  影像大小對話框：☐ 重新取樣 = 改輸出尺寸/分辨率 (不損畫質)    │
└─────────────────────────────────────────────────────────────┘

徹底理解「像素-尺寸-分辨率」鐵三角，是從「會操作軟體」邁向「懂輸出流程」專業設計師的分水嶺。下次面對導出設定，請自信地說：「**我只要這個像素尺寸，分辨率寫多少都行，反正不影響螢幕顯示；印刷稿我已經按 300ppi 實際像素建檔了。**」