圖片覆疊在 YouTube Short 中的作用
Image Overlay 是一個瀏覽器工具，可以將一張圖片（覆疊圖）放置在另一張圖片（底圖）之上，並輸出一張全解析度的 PNG 圖檔，讓你可以在 YouTube Short 中作為圖層使用。底圖決定了畫布大小 — 其原始寬度和高度會在輸出中完全保留，因此 1920×1080 的底圖會產生 1920×1080 的 PNG。你可以從五個位置中選擇一個（置中或任一角落），將覆疊圖的縮放比例設定在自身原始尺寸的 10% 到 200% 之間，並將不透明度設定在 0% 到 100% 之間。由於 Shorts 使用直向畫面，許多創作者會以 1080×1920 的底圖開始，並在角落放置一個小型的訂閱圖示、浮水印或名稱徽章。所有處理都在你的瀏覽器中本地完成；底圖和覆疊圖都不會被上傳，且當你替換檔案或關閉分頁時，暫時性的物件 URL 會被撤銷。最終結果是一張 PNG，你可以將它放入 YouTube 的 Short 創作流程中，作為靜態畫面、綠幕來源、自訂封面圖片或縮圖圖層。
不論最終的圖片用於何處，工作流程都相同。底圖通常是螢幕截圖、相片、綠幕去背板，或與你 Short 畫面相符的純色背景。覆疊圖通常是標誌、訂閱按鈕 PNG、浮水印、「追蹤收看第二集」徽章，或小型的角落品牌標示。下載合成圖後，你可以像處理任何其他圖片一樣，將它匯入 YouTube 應用程式或你選擇的影片編輯軟體。
事前需要準備的檔案與格式
Image Overlay 接受兩張靜態圖片。每個檔案可以是 JPG、PNG 或 WebP，且磁碟上的大小上限為 25 MiB（26,214,400 位元組）。在瀏覽器解碼檔案後，每張圖片會獨立檢查是否超過 40,000,000 像素的預算以及任一邊 20,000 像素的上限 — 這些限制是為了保護瀏覽器的 canvas 記憶體，因為一個小型的壓縮檔在解碼後可能會展開成非常大的像素緩衝區。如果你超過任何一個限制，該檔案會直接被拒絕，不會產生任何部分輸出。
關於 Shorts 製作的幾個實用注意事項：
- 如果想要透明的邊緣，請對覆疊圖使用 PNG 或 WebP。JPG 覆疊圖沒有透明像素，因此降低其不透明度時，那些像素會與下方的底圖混合，而不是淡出為透明。
- 將底圖設定為你希望最終 PNG 的大小。如果你想要一張可以直接放入 Shorts 的 1080×1920 靜態圖片，就以 1080×1920 的底圖開始。這個工具絕對不會調整底圖的大小。
- 在選擇縮放比例時，請將覆疊圖的原始尺寸納入考量。如果你的訂閱按鈕 PNG 是 400×120，那麼 100% 的縮放會以 400×120 繪製 — 這是覆疊圖檔案的原始大小，並非底圖寬度的 100%。
在 Image Overlay 中為 YouTube Short 圖片加上覆疊
這個工具有三個官方步驟，每個步驟都對應到你在瀏覽器中可以看到的控制項。
- 開啟 Image Overlay 並選擇你的底圖與覆疊圖。兩者都必須是 JPG、PNG 或 WebP，且都必須通過 25 MiB 的檔案大小限制和解碼後的像素預算。不符合這些規則的檔案會在任何繪圖動作發生前就被拒絕。
- 選擇一個位置 — 置中、左上、右上、左下或右下 — 然後設定覆疊圖的縮放比例（10%–200%）和不透明度（0%–100%）。預覽畫面會在視覺上受限以符合頁面大小，但渲染後的 PNG 會使用底圖的真實像素尺寸，而非 CSS 預覽的大小。
- 建立 PNG、以全尺寸檢查預覽，然後下載結果。當你變更位置、縮放比例或不透明度時，先前的結果會被撤銷並移除；再次執行「建立」會在繪製新的結果之前撤銷舊的物件 URL。
位置、縮放比例與不透明度設定說明
這五個位置是固定可預測的，並非自由拖曳的擺放方式。左上從 x=0, y=0 開始。右上會從底圖寬度中減去縮放後的覆疊圖寬度。左下會從底圖高度中減去縮放後的覆疊圖高度。右下則同時進行兩項減去。置中會從對應的底圖尺寸中減去縮放後的尺寸，再將差值除以二，因此奇數的差值可能會產生半像素的座標 — 這是刻意的設計，因為這樣可以讓覆疊圖在數學上保持置中，而不會偏向某一側。渲染器會在已清除的 canvas 上，使用 MDN 的 drawImage 行為 來套用這些座標。
| 位置 | 覆疊圖的落點 |
|---|---|
| 左上 | x = 0, y = 0 |
| 右上 | x = 底圖寬度 − 縮放後覆疊圖寬度，y = 0 |
| 左下 | x = 0, y = 底圖高度 − 縮放後覆疊圖高度 |
| 右下 | x = 底圖寬度 − 縮放後覆疊圖寬度，y = 底圖高度 − 縮放後覆疊圖高度 |
| 置中 | x = (底圖寬度 − 縮放後覆疊圖寬度) ÷ 2, y = (底圖高度 − 縮放後覆疊圖高度) ÷ 2 |
下表摘要說明了縮放滑桿上的官方刻度及其作用。
| 縮放比例 | 對覆疊圖的效果 |
|---|---|
| 10% | 覆疊圖以其原始寬度和高度的十分之一繪製 |
| 50% | 覆疊圖以其原始寬度和高度的一半繪製 |
| 100% | 覆疊圖以其原始寬度和高度繪製 |
| 200% | 覆疊圖以其原始寬度和高度的兩倍繪製；邊緣可能因瀏覽器的內插處理而變得較為柔和 |
一個常見的誤解：50% 並非代表底圖的 50%。它代表覆疊圖自身寬度的 50% 與自身高度的 50%，同時保持長寬比。如果在選定位置縮放後的覆疊圖大於底圖，超出底圖的部份會被裁切，而不是縮小底圖或重新調整覆疊圖的位置 — 這是文件記載的行為，並非隱藏的重新調整大小。
不透明度的行為類似 MDN 的 globalAlpha 屬性。零會使覆疊圖完全透明，但仍會產生一張與底圖同尺寸的 PNG。100 則使用覆疊圖自身的原始透明度。中間的數值會將覆疊圖的貢獻乘以所選的全域透明度；PNG 或 WebP 中原本就透明的像素會保持透明。渲染器的順序是固定的：清除 canvas、以 alpha 1 繪製底圖、儲存繪圖狀態、套用覆疊圖的 alpha、繪製縮放後的覆疊圖，然後還原狀態。
在 YouTube Short 中使用完成的 PNG
PNG 下載到你的裝置後，Shorts 創作者通常有四種常見的用法：
- 綠幕來源。開啟 YouTube 手機應用程式，開始製作一個 Short，選擇綠幕，然後將合成的 PNG 選為背景圖層。你的名稱徽章或訂閱圖示已經烘焙在靜態圖片中，因此在你在上面錄製自己時，它會保持在固定位置。
- 自訂封面圖片。YouTube 允許你從 Short 中選擇一個畫面，或上傳自訂封面。底圖大小的 PNG 與 Short 的解析度相符，因此 1080×1920 的輸出檔可以直接放入，無需重新取樣。
- 縮圖圖層。如果你在 Short 及其縮圖上重複使用相同的品牌標示，合成圖能提供一張與影片畫面相符的靜態圖，其中的徽章或浮水印已經預先擺放好。
- 外部影片編輯軟體的參考底圖。將合成圖匯入桌面版影片編輯軟體作為靜態圖層、進行去背，或將它疊加在你錄製的影片片段之上。
如果你想了解如何在瀏覽器中將一張圖片疊加在另一張圖片上，但又不涉及 Shorts 的具體內容，請參閱如何在瀏覽器中將一張圖片疊加在另一張圖片上。
初次製作 Shorts 的創作者常見的陷阱
有兩種失敗模式會困擾初次使用的使用者，只要以全尺寸檢查下載下來的 PNG，兩者都可以看出來。
- 縮放比例的混淆。人們會以為 50% 代表「Short 寬度的一半」。實際上並非如此。它的意義是覆疊圖自身原始寬度的一半。如果你的訂閱按鈕 PNG 寬 400 像素，在 1080 像素的 Short 上以 50% 繪製時，寬度會是 200 像素 — 這比角落的浮水印要小得多。在按下「建立」之前，請同時規劃好覆疊圖的原始大小與百分比。
- 覆疊圖大於底圖。如果縮放後的覆疊圖比底圖更寬或更高，所選的位置可能會產生負數座標，且超出底圖 canvas 的部份會被裁切。在匯出前請降低縮放比例，或縮小覆疊圖的原始大小。底圖不會自動調整大小來配合。
一個較小但值得了解的限制：只接受 JPEG、PNG 和 WebP。GIF、SVG 和 AVIF 不在支援的範圍內，因此無法使用。如果你需要從其他來源取得透明的 PNG，請先轉換檔案格式，再以不支援的類型直接傳入。輸出格式永遠是 PNG，因為 PNG 能保留底圖與覆疊圖的透明度；重新編碼並不保證會保留 EXIF 中繼資料、相機中繼資料、動畫、內嵌文字或原始壓縮。
如果你正在權衡各種方案，Image Overlay 替代方案：本地、無上傳的瀏覽器工作流程對此有詳細說明。