自動字型大小只會估算適合的尺寸,不會自動換行,也不保證文字能放進每種畫布。請縮短標籤、增加畫布尺寸,或關閉自動設定並使用較小的字型。請檢查產生的檔案。
佔位圖產生器
設定尺寸、顏色與簡短標籤,製作靜態佔位圖。可產生 PNG、JPG、WebP 或 SVG 供下載,或另外複製 SVG 圖片網址供版面配置使用。
設定尺寸、顏色與標籤
最終圖像還在準備時,可使用佔位圖預留圖片區域。無須提供原始圖片。
寬度與高度
每邊可設定為 1–4,000 px,初始尺寸為 800×600。
快速尺寸
300×300、300×250、1200×630 與 1920×1080。也可以手動輸入 728×90 等尺寸。
背景與文字顏色
使用色彩選擇器或 HEX 值選擇兩個純色。背景為不透明。
標籤
預設顯示尺寸。啟用自訂文字後,可輸入最多 100 個字元的標籤;標籤留空時會改為顯示尺寸。
字型大小
初始狀態會自動設定大小。關閉後可選擇 8–200 px。標籤過長或畫布過小,仍可能造成文字被裁切。
| 設定 | 可用選項 |
|---|---|
| 寬度與高度 | 每邊可設定為 1–4,000 px,初始尺寸為 800×600。 |
| 快速尺寸 | 300×300、300×250、1200×630 與 1920×1080。也可以手動輸入 728×90 等尺寸。 |
| 背景與文字顏色 | 使用色彩選擇器或 HEX 值選擇兩個純色。背景為不透明。 |
| 標籤 | 預設顯示尺寸。啟用自訂文字後,可輸入最多 100 個字元的標籤;標籤留空時會改為顯示尺寸。 |
| 字型大小 | 初始狀態會自動設定大小。關閉後可選擇 8–200 px。標籤過長或畫布過小,仍可能造成文字被裁切。 |
若需要深色佔位圖,可嘗試 #1f2937 之類的深色背景,搭配 #f9fafb 之類的淺色文字。請以圖片實際顯示的尺寸檢查文字是否清楚。
如何製作佔位圖
選擇尺寸
輸入寬度與高度,或選擇快速尺寸。若要讓寬高連動,請先設定需要的比例,再開啟比例鎖定;接近尺寸上限時,請重新檢查寬度與高度。
設定顏色與文字
可保留尺寸作為標籤,或輸入簡短的自訂文字。若標籤對畫布而言太長,請調整字型大小。
下載檔案或複製網址
選擇輸出格式並點選「產生圖片」。等待工作完成後,從結果清單下載。「複製網址」與「複製 HTML」是獨立操作,使用 SVG 端點。
選擇下載檔案或使用 SVG 圖片網址
格式選擇器會控制產生的下載檔案,不會改變複製的圖片網址所提供的格式。
產生圖片
在伺服器上建立所選的 PNG、JPG、WebP 或 SVG。預設為 PNG。
JPG 或 WebP 品質
可選「適度壓縮」、「平衡」、「高品質」或「最高品質」,初始選項為「高品質」。兩種格式皆採有損編碼;「最高品質」不是無損模式。
複製網址
複製一個網址,依網址中的尺寸、顏色與標籤提供 SVG。無須先建立下載工作。
複製 HTML
複製指向相同 SVG 網址的圖片標籤。變更下載格式或品質,不會改變該網址。
| 操作 | 結果 |
|---|---|
| 產生圖片 | 在伺服器上建立所選的 PNG、JPG、WebP 或 SVG。預設為 PNG。 |
| JPG 或 WebP 品質 | 可選「適度壓縮」、「平衡」、「高品質」或「最高品質」,初始選項為「高品質」。兩種格式皆採有損編碼;「最高品質」不是無損模式。 |
| 複製網址 | 複製一個網址,依網址中的尺寸、顏色與標籤提供 SVG。無須先建立下載工作。 |
| 複製 HTML | 複製指向相同 SVG 網址的圖片標籤。變更下載格式或品質,不會改變該網址。 |
設定與標籤會傳送至伺服器。任何取得複製網址的人,都能讀取其中的標籤與設定。工作結果僅暫存,請下載想保留的檔案。
用佔位圖協助決定版面配置
請選擇符合設計中圖片區域的尺寸。
卡片、個人頭像與橫幅
300×300 區塊可標示正方形頭像位置,728×90 則可標示寬橫幅。加入簡短的用途標籤,方便日後替換暫用圖片。
調整現有圖片尺寸
若已經有圖片,請使用圖片尺寸調整 變更尺寸。此產生器製作的是帶有文字的彩色矩形。
簡單的佔位圖無法預測最終照片的檔案大小或載入效能。發布前,請測試最終素材。
佔位圖常見問題
網址是根據設定產生,並依賴此服務持續可用。它不是您下載的工作檔案。若要在正式環境中使用由您掌控的素材,請下載圖片,並放到自己的專案中託管。SVG 文字在不同檢視工具中可能呈現不同效果。
此表單會產生一張具有純色背景與文字的靜態圖片,沒有透明背景或動畫設定。