ImgConvert

佔位圖產生器

設定尺寸、顏色與簡短標籤,製作靜態佔位圖。可產生 PNG、JPG、WebP 或 SVG 供下載,或另外複製 SVG 圖片網址供版面配置使用。

寬度與高度各可設定為 1–4,000 px。快速尺寸可作為起點;使用比例鎖定後,請檢查寬度與高度。

此網址一律提供 SVG,下載格式與品質不會改變它。標籤與設定可直接從網址中查看。

預設文字會顯示尺寸: 800 × 600

尺寸、顏色與文字會傳送至伺服器。點選「產生圖片」會建立工作;檔案準備完成後請下載。複製的 SVG 網址是獨立功能。

設定尺寸、顏色與標籤

最終圖像還在準備時,可使用佔位圖預留圖片區域。無須提供原始圖片。

寬度與高度

每邊可設定為 1–4,000 px,初始尺寸為 800×600。

快速尺寸

300×300、300×250、1200×630 與 1920×1080。也可以手動輸入 728×90 等尺寸。

背景與文字顏色

使用色彩選擇器或 HEX 值選擇兩個純色。背景為不透明。

標籤

預設顯示尺寸。啟用自訂文字後,可輸入最多 100 個字元的標籤;標籤留空時會改為顯示尺寸。

字型大小

初始狀態會自動設定大小。關閉後可選擇 8–200 px。標籤過長或畫布過小,仍可能造成文字被裁切。

若需要深色佔位圖,可嘗試 #1f2937 之類的深色背景,搭配 #f9fafb 之類的淺色文字。請以圖片實際顯示的尺寸檢查文字是否清楚。

如何製作佔位圖

1

選擇尺寸

輸入寬度與高度,或選擇快速尺寸。若要讓寬高連動,請先設定需要的比例,再開啟比例鎖定;接近尺寸上限時,請重新檢查寬度與高度。

2

設定顏色與文字

可保留尺寸作為標籤,或輸入簡短的自訂文字。若標籤對畫布而言太長,請調整字型大小。

3

下載檔案或複製網址

選擇輸出格式並點選「產生圖片」。等待工作完成後,從結果清單下載。「複製網址」與「複製 HTML」是獨立操作,使用 SVG 端點。

選擇下載檔案或使用 SVG 圖片網址

格式選擇器會控制產生的下載檔案,不會改變複製的圖片網址所提供的格式。

產生圖片

在伺服器上建立所選的 PNG、JPG、WebP 或 SVG。預設為 PNG。

JPG 或 WebP 品質

可選「適度壓縮」、「平衡」、「高品質」或「最高品質」,初始選項為「高品質」。兩種格式皆採有損編碼;「最高品質」不是無損模式。

複製網址

複製一個網址,依網址中的尺寸、顏色與標籤提供 SVG。無須先建立下載工作。

複製 HTML

複製指向相同 SVG 網址的圖片標籤。變更下載格式或品質,不會改變該網址。

設定與標籤會傳送至伺服器。任何取得複製網址的人,都能讀取其中的標籤與設定。工作結果僅暫存,請下載想保留的檔案。

用佔位圖協助決定版面配置

請選擇符合設計中圖片區域的尺寸。

卡片、個人頭像與橫幅

300×300 區塊可標示正方形頭像位置,728×90 則可標示寬橫幅。加入簡短的用途標籤,方便日後替換暫用圖片。

調整現有圖片尺寸

若已經有圖片,請使用圖片尺寸調整 變更尺寸。此產生器製作的是帶有文字的彩色矩形。

簡單的佔位圖無法預測最終照片的檔案大小或載入效能。發布前,請測試最終素材。

佔位圖常見問題

自動字型大小只會估算適合的尺寸,不會自動換行,也不保證文字能放進每種畫布。請縮短標籤、增加畫布尺寸,或關閉自動設定並使用較小的字型。請檢查產生的檔案。

網址是根據設定產生,並依賴此服務持續可用。它不是您下載的工作檔案。若要在正式環境中使用由您掌控的素材,請下載圖片,並放到自己的專案中託管。SVG 文字在不同檢視工具中可能呈現不同效果。

此表單會產生一張具有純色背景與文字的靜態圖片,沒有透明背景或動畫設定。

為版面配置製作佔位圖

設定尺寸與標籤,再產生檔案或複製 SVG 網址。