若要在 PowerPoint 中為圖片加上陰影,可以使用「圖片格式」索引標籤內建的陰影圖庫,它會套用一個向量效果,在 .pptx 檔案中保持可編輯,但當你把圖片複製到其他應用程式時就會消失;或者你也可以預先將陰影渲染成透明 PNG,然後把這個扁平化的圖片插入到投影片中,讓陰影跟著圖片一起走。原生方法提供像外側、內側和透視等預設值,並在畫布上提供即時預覽;而 PNG 方法則會將陰影烘焙到點陣圖檔案中本身,在任何程式裡看起來都一樣。大多數 PowerPoint 使用者會優先選擇內建圖庫,因為它快速、可復原,而且與投影片版面配置綁定在一起。當你需要圖片在 Google Slides 簡報、Word 檔案、電子郵件簽名或忽略 PowerPoint 圖片效果的影片編輯器中看起來完全相同時,PNG 方法就很重要。兩種方式都會產生可見的陰影;差別在於陰影的儲存方式,以及匯出後它能在哪裡保留下來。

how to add shadow to image in powerpoint
在 PowerPoint 中為圖片加上陰影:兩種可靠的工作流程

PowerPoint 的內建陰影圖庫

Microsoft PowerPoint 多年來一直內建圖片效果引擎,而陰影是「圖片格式」功能區中最常用的效果之一。原生圖庫提供分組成外側、內側和透視的預設值,以及一個「無陰影」選項來清除所有效果。每個預設值透過對話框提供色彩、透明度、大小、模糊、角度和距離的控制項,讓你可以在不離開 PowerPoint 的情況下調出柔和的辦公室風格或硬派的編輯級落影。

若要套用,請點選投影片上的圖片以選取它,開啟「圖片格式」索引標籤,找到「圖片樣式」群組,將滑鼠移至「圖片效果」,指向「陰影」,然後選擇一個預設值。若要微調,請選擇選單底部的「陰影選項」以開啟包含滑桿和即時預覽的完整對話框。PowerPoint 將陰影儲存為簡報效果而非像素,這就是為什麼原始圖片的位元組保持不變,而效果依然可以復原。你之後可以回來選擇不同的預設值,或將陰影設回「無」而無需重新匯入任何東西。

權衡之處在於可攜性。當你把該圖片複製到另一個 Office 應用程式、將投影片匯出為平面圖片,或貼到忽略圖片效果的非 Microsoft 工具時,陰影會消失,因為磁碟上的檔案仍然沒有任何陰影像素。PowerPoint 會將其效果視為即時效果並在需要時重新點陣化,但這僅限於 Office 內部。

何時預先渲染的 PNG 是更好的選擇

只要圖片需要在 PowerPoint 之外保有其陰影,預先渲染的 PNG 陰影就是正確的選擇。常見的情境包括:將投影片匯出為影像序列供影片或社群貼文使用、在 Google Slides、Keynote 或網頁編輯器中分享圖片、將圖片嵌入電子郵件簽名、部落格文章或 PDF、把圖片用作縮圖、貼圖、模擬圖素材或印刷固定物,以及產生已帶有落影的肖像或產品照片。

預先渲染還能讓你獲得像素層級的控制,這是 PowerPoint 滑桿只能近似而無法精確達成的。瀏覽器 Canvas 陰影模糊是文件化的渲染效果,餵給它相同的位移、模糊半徑、透明度與色彩,就能在原始圖片周圍產生可預期的透明像素。陰影成為檔案的一部分,因此不論在哪裡開啟影像,看起來都一模一樣。由於檔案是在當前瀏覽器分頁內進行解碼、繪製與編碼,原始圖片絕不會被上傳到影像服務。

在瀏覽器中為圖片加上陰影

為圖片加上陰影工具可在本機的單一圖片周圍產生落影,並將結果下載為透明 PNG。解碼、繪製、編碼、預覽與下載作業全部在當前瀏覽器分頁中執行,因此來源檔案絕不會被傳送到遠端伺服器。畫布會自動擴展以容納模糊和方向位移,因此一般陰影不會在原本的邊緣處被裁切。

  1. 在選擇器旁邊顯示的檔案和像素限制範圍內,選擇一個本機的 JPG、PNG 或 WebP 檔案。
  2. 以整數像素設定水平和垂直位移。正的水平值會將陰影向右移動,負值則向左移動;正的垂直值會在下載的影像中將陰影向下移動,負值則向上移動。
  3. 以整數像素選擇模糊半徑,並以整數百分比設定透明度。
  4. 輸入一個六位數的十六進位色碼,例如以 #000000 表示中性辦公室陰影,或以 #1A1A1A 表示較柔和的炭黑邊緣。
  5. 選擇加上陰影。該工具會以所選的 Canvas 陰影狀態繪製來源,然後再繪製一次不帶陰影的版本,讓原始前景像素保持清晰。
  6. 確認結果面板中回報的擴展後寬度和高度,以及編碼後的大小,這樣在下載前就能知道最終的畫布尺寸。
  7. 選擇下載按鈕以儲存 PNG。檔名會對應來源檔名,例如 portrait-shadow.png。
  8. 將下載的 PNG 作為一般圖片插入到你的 PowerPoint 投影片中。陰影已成為像素的一部分,不會在複製或匯出時消失。

更改來源檔案或任何控制項都會讓先前的結果失效並撤銷其暫時性的下載網址,因此最新預覽永遠會符合當前設定。

陰影參數與接受範圍

在配置畫布之前,每個控制項都會根據固定範圍進行驗證,以確保運算結果可預期。下表列出每個欄位、可接受的輸入,以及效果方向。

控制項可接受輸入效果
水平位移整數,-500 至 500正值將陰影向右移動;負值向左移動
垂直位移整數,-500 至 500正值將陰影向下移動;負值向上移動
模糊半徑整數,0 至 250數值越大,陰影邊緣越模糊
透明度整數百分比,0 至 100數值越高,陰影越深
色彩六位數十六進位色碼,例如 #1A1A1A設定精確的陰影色彩
來源檔案JPG、PNG 或 WebP,最大 25 MiB由瀏覽器解碼;無需上傳
輸出陰影以外區域為透明的 PNG檔名對應來源檔名加上 -shadow

超出這些範圍的輸入會在開始繪製前被拒絕,而無效的類型、空白的檔案、解碼後過大的影像、解碼錯誤、缺少 Canvas 支援或 PNG 編碼失敗都會產生明顯的錯誤,而非靜默失敗。來源和擴展後的輸出尺寸也會在配置前,與有限的畫布預算進行比對。

擴展後的畫布是如何計算的

下載的 PNG 刻意比來源檔案大。畫布會在每一側保留兩倍的模糊值,並在受影響的一側加上絕對方向位移,因此陰影不會在原本的邊緣處被裁切。以一張 40 乘 20 的來源影像、8 像素向右位移、4 像素向上位移,以及 6 像素模糊為例,逐步展示運算過程。

步驟 1 — 在每一側預留模糊邊界。 每側兩倍的模糊:2 × 6 = 每側 12 像素的模糊邊界。寬度方面為左側 12 加上右側 12;高度方面為頂部 12 加上底部 12。

步驟 2 — 在受影響的一側預留方向位移。 8 像素的水平位移是向右,因此在右側加上 8 個額外的像素。4 像素的垂直位移指向上方,因此在上方加上 4 個額外的像素。

步驟 3 — 將來源尺寸與預留空間結合。 寬度:40 (來源) + 12 (左側模糊) + 12 (右側模糊) + 8 (右側位移) = 72 像素。 高度:20 (來源) + 12 (頂部模糊) + 12 (底部模糊) + 4 (頂部位移) = 48 像素。

原始影像會被放置在這個擴展區域內,讓一般陰影不會在原本的影像邊緣處被悄悄裁切。這與該工具結果面板中針對精確擴展寬度和高度所回報的公式一致,也說明了一張 40 乘 20 的來源檔案為何在下載檔案中會變成 72 乘 48。

為何陰影在不同瀏覽器中看起來會略有不同

Canvas 陰影模糊屬於瀏覽器渲染效果,而非印刷預製測量值,因此精確的羽化像素在不同瀏覽器引擎之間可能會略有差異。同一張來源檔案搭配同一組控制項,兩張螢幕截圖在柔邊處可能存在次像素級的差異。MDN 上 CanvasRenderingContext2D.shadowBlur 的文件將模糊視為使用者空間單位中的半徑,並指出可見的羽化程度取決於渲染引擎,這也是為什麼該工具並未聲稱能與 CSS box-shadow 達到逐位元組等效。

對於必須與品牌素材在像素層級上完全一致的最終成品,請在你預計發佈的同一瀏覽器中將陰影點陣化,然後避免透過會重新編碼 PNG 的工具來重新儲存該檔案。最終結果會保留根據來源與陰影控制項所計算出的自然輸出解析度,因此頁面上的預覽僅是縮放後的顯示。下載本身的解析度始終維持完整的輸出解析度,而 PNG 來源中的透明區域除了來源本身的 alpha 所產生的陰影之外,仍會保持透明。

將 PNG 插入 PowerPoint

一旦你取得了烘焙好陰影的透明 PNG,就可以像任何一般圖片一樣將它放進 PowerPoint:插入 > 圖片 > 此裝置,然後在投影片上調整大小和位置。由於陰影已成為像素的一部分,它會跟著圖片一起保留;如果你想在扁平的陰影之上再加上第二個效果,例如柔和的反射、光暈或邊框,原本的 PowerPoint 圖片效果圖庫仍然可以正常運作。如需在投影片上加單純的邊框,請參閱在 PowerPoint 中為圖片加上邊框:兩種可靠方法以了解相關的工作流程。

這種以 PNG 為優先的做法也是大多數簡報設計師在將整份簡報匯出為供影片使用的平面影像序列時所採用的方式。陰影在每一幀中都可保持可見,而不會由 PowerPoint 的圖片效果引擎重新渲染,且該檔案在 Google Slides、Keynote 或印刷講義中看起來都一樣。

需要注意的限制

為圖片加入陰影工具是為了處理簡單的點陣圖投影陰影而設計的。它不會偵測圖片內的主體、模擬攝影棚燈光、繪製具透視效果的地面陰影、移除背景,也無法替換原始背景。JPG 和 WebP 來源會被解碼為瀏覽器的像素,因此原始的壓縮位元組和中繼資料不會保留在 PNG 輸出中。PNG 來源中的透明區域會維持透明,除非來源本身的 alpha 通道產生了陰影像素。位移、模糊和透明度僅限於整數,以便畫布配置保持在可控範圍內,而輸出畫布永遠是 PNG,因為陰影通常需要在原始圖片矩形之外使用透明像素。

這些限制是有意為之。此工具適用於模型圖、貼紙、縮圖和裝配元件等場景,在這些場景中,可預測的畫布邊界和本機處理的重要性,勝過模擬 CSS 的 box-shadow 規則或 Photoshop 的圖層效果。PowerPoint 使用者若需要陰影能沿著複雜遮罩或對投影片內的彩色背景做出反應,請繼續使用 PowerPoint 本身的圖片效果,並接受陰影僅存在於 .pptx 檔案中。

如果您正在比較各種選項,線上 EXIF 編輯器詳解:本地三欄位工作流程對此有詳細說明。