影像佔位符是一個平整、帶有標籤的圖形，當你在建立版面、模型或原型時，它會暫時取代真實的照片或插圖。在 Canva 中，佔位符通常是透過內建的畫框來處理，這些畫框會容納已上傳的影像，但這些畫框屬於設計檔案的一部分——它們無法產生可下載的 PNG 檔，讓你直接放進投影片組、社群貼文、螢幕截圖測試或交接文件中。一個獨立的佔位符影像會給你一個具有真實像素尺寸的真實檔案，當接收端的工具、儀表板或內容管理系統只能接受影像上傳時，這正是你所需要的。佔位符影像產生器正是為了填補這個空缺，它會根據你輸入的精確寬度與高度，產生一個 PNG 檔，並可設定背景顏色、文字顏色，以及一個選擇性置中的簡短標籤。它完全在瀏覽器中繪製、編碼並下載檔案，因此在你重新打開 Canva 之前，佔位符就已經準備好了。
為什麼 Canva 使用者會另外準備一個佔位符檔案
Canva 非常擅長組織你的設計:畫框、格線、元件以及 Smartmockups 都能幫助你視覺化影像最終擺放的位置。然而，有幾項常見的工作，仍然需要設計檔案之外的真實影像檔案:
- 匯出為 PDF 的投影片組，你希望用一個乾淨、暗化的矩形標示「客戶標誌置於此」。
- 在真實美術成品完成之前，需要精確寬度與高度社群預覽圖。
- 螢幕截圖測試或線框註解，需要一張穩定不變且尺寸已知的影像。
- HTML 或電子郵件模板，其中接收端元件只能讀取影像標籤與靜態檔案路徑。
在上述這些情況下，設計檔案內的畫框無法離開畫布。佔位符影像產生器會產生一個可下載的 PNG 檔，你可以儲存、分享、設定版本，並重新上傳到任何地方——包括直接以一般影像的形式放回 Canva。
如何逐步製作影像佔位符
當你需要一個能放進 Canva、附加於電子郵件，或提交到儲存庫的檔案時，以下是主要的工作流程。
- 在瀏覽器中開啟佔位符影像產生器。
- 以整數像素輸入精確的輸出寬度與高度——例如，常見的社群預覽圖為 1200 乘 630，正方形 Instagram 圖位則為 1080 乘 1080。
- 使用瀏覽器內建的顏色選擇器選擇背景顏色與文字顏色。淺色背景搭配深色文字，或深色背景搭配淺色文字，兩者都能保持可讀性。
- 選擇性地輸入簡短的自訂標籤，以取代預設的尺寸文字。將標籤留空，則工具會輸出經過驗證的尺寸，例如「1200 × 630」。
- 選擇 Create placeholder(建立佔位符)。結果列會顯示精確的尺寸、實際呈現的標籤，以及大約的檔案大小。
- 點擊下載連結，將檔案儲存為 placeholder-WIDTHxHEIGHT.png。
這裡不需要帳號、不需要上傳，也不需要在你與檔案之間進行遠端往返。整個工作流程都在你已開啟的瀏覽器分頁中進行，因此佔位符可以在不到一分鐘內產生、下載，並拖曳到 Canva 中。
控制項、顏色與標籤行為
預設標籤只會在尺寸驗證完成後才計算，因此影像中的文字永遠會與你下載的檔案相符。如果你輸入自訂標籤，該標籤會經過修剪，上限為 80 個 Unicode 字元，在畫布上水平與垂直置中，並使用瀏覽器的系統無襯線字型繪製。字型大小會依據較短的影像尺寸縮放，最小為 12 像素，最大為 96 像素。當較長的自訂標籤可能會超出畫布時，呈現的文字會以省略號縮短，而不是溢出影像範圍。
顏色為六位數十六進位值，以瀏覽器內建的顏色選擇器選取。背景會先繪製整個畫布，接著標籤會以前景顏色繪製於其上方。工具並不會默默地調整對比、新增漸層、加入透明度，或變更你所提供的顏色，因此你挑選的確切數值，就會以同樣的數值出現在 PNG 中。這種確定性在你希望佔位符與設計權杖(例如 #e5e7eb)相符時非常實用，但這也代表你應該挑選彼此可讀性良好的前景與背景組合。
| 需求 | 最佳起點 |
|---|---|
| 用於稍後上傳影像的設計畫框 | Canva 畫框與格線 |
| 具備精確像素尺寸的可下載 PNG | 佔位符影像產生器 |
| T 恤、網站或海報的 AI 生成模型 | Canva Smartmockups 或 AI 模型 |
| 具備穩定尺寸的螢幕截圖測試 fixture | 佔位符影像產生器 |
| 最終的產品攝影或品牌美術成品 | 設計工作流程中的真實資產 |
若對畫布繪圖語意有疑問——平整背景如何先繪製，接著文字如何置中於其上——MDN 關於繪製文字的畫布教學說明了產生器所依賴的底層方法。
限制、輸出檔名與檔案格式
每一邊可輸入的範圍為 1 到 10,000 像素的整數，並受限於 40 百萬像素的畫布總額度。40 MP 的上限允許常見的社群預覽圖、網站主視覺、投影片尺寸，以及高解析度的模型尺寸，同時可避免諸如「100000」這類意外輸入造成不安全的大型畫布配置。下載的檔案會使用確切的驗證寬度與高度，即使畫面上的預覽為了符合頁面而進行視覺縮放;顯示尺寸屬於呈現上的選擇，絕不會改變 PNG 的自然解析度。
輸出會編碼為 PNG。之所以選擇 PNG，是因為它能乾淨地呈現平整的顏色與文字、廣泛受到支援，並讓檔案擁有一個獨立於瀏覽器 JPEG 品質行為的穩定格式。檔案會命名為 placeholder-WIDTHxHEIGHT.png，讓多個佔位符在下載資料夾中能夠整齊地排序。每當輸入變更時，任何先前的物件 URL 都會被撤銷並取代，如此一來，下載按鈕永遠指向當前的設定，而不是過期的預覽。
什麼時候 Canva 內建的畫框仍然是正確的工具
佔位符影像產生器是為了需要可下載、具確定性 PNG 的情境而打造的。它刻意不會擷取遠端影像、抓取圖庫照片、生成 AI 美術、產生自適應的 srcset 變體，或針對任何特定社群網路建議特定尺寸。如果你的任務純粹是設計內部的佔位符——一個將容納稍後上傳影像的畫框——Canva 內建的畫框、格線與 Smartmockups 仍然是正確的工具。當你需要一個能夠交接、嵌入、附加，或用於自動化測試的檔案時，請使用瀏覽器版的產生器。至於產品攝影、品牌美術、向量檔案，或具備無障礙考量的文字編排，請在合適的設計工作流程中建立，並記得在最終影像發佈時，提供有意義的頁面層級替代文字。
將佔位符帶回 Canva
一旦 PNG 檔儲存在磁碟上，將它放入 Canva 設計就與上傳任何其他影像相同。在編輯器中，開啟「上傳」，從你的電腦加入佔位符檔案，並將它拖曳到畫布上。由於該檔案就是你輸入的確切像素尺寸，它會以一比一的比例填滿畫框，不需要裁切或調整大小。你可以將它放入現有的畫框內、放在描述預定資產的文字旁邊，或是在真實攝影仍在進行拍攝時，將它用作 Smartmockup 的封面影像。本地產生的佔位符能讓原型在離線狀態下持續運作，不會將頁面瀏覽洩漏給第三方的影像主機，也不會因為外部佔位符服務變更回應而跟著改變。如果你正在規劃多格 Instagram 排版，你可以建立一個大型的佔位符，然後利用在 Canva 或瀏覽器中分割 Instagram 格線影像的導引，將它切割成多塊。
若想深入了解，請參閱如何為 Figma 畫框新增影像佔位符。