佔位圖片產生器

以任意尺寸、顏色與格式產生佔位圖片——PNG、JPEG、WebP 或 SVG——並可下載或以 data URI 形式複製。免費，在您的瀏覽器中執行。

設定尺寸、顏色與標籤——佔位圖片會即時更新。下載它，或為您的設計稿複製 data URI／SVG 標記。

尺寸

寬度

高度

預設值

背景

文字

標籤

將尺寸顯示為標籤

文字大小

即時預覽——以縮放後的大小顯示；下載時會使用確切的像素尺寸。

Data URI 會將圖片直接嵌入 HTML/CSS——非常適合快速製作設計稿，無需另外託管檔案。

佔位圖產生器可為版面配置、線框稿與開發工作建立佔位用的假圖。設定任意寬度和高度或選擇常見預設值,選擇背景色與文字色,加入自訂標籤,或讓工具自動印出尺寸,預覽畫面會隨每項調整即時更新。

你可以將佔位圖匯出為 PNG、JPEG、WebP 或 SVG,並可透過品質滑桿調整有損格式的畫質。除了下載檔案外,你也可以將圖片複製為 data URI 或原始 SVG 標記——非常適合直接嵌入 HTML 或 CSS,而不需要另外託管。

一切都在你的瀏覽器中以 canvas 繪製完成。完全不需要上傳步驟,因此產生器可以即時運作,也絕不會將任何資料傳送到伺服器。

是的,完全免費。佔位圖是在你的瀏覽器本機產生的,不需要帳號,也不會消耗點數,無論你建立多少張圖片都一樣。

你可以將佔位圖下載為 PNG、JPEG、WebP 或 SVG。PNG 和 SVG 適合製作清晰的版面示意圖,而 JPEG 和 WebP 則附有品質滑桿,方便縮小檔案體積。

data URI 會將整張圖片內嵌在一段字串中,你可以直接貼到 HTML 或 CSS 裡。這對快速原型製作非常實用,因為佔位圖不需要任何託管檔案——圖片會跟著你的標記一起移動。

可以。在文字欄位輸入任意標籤,並用字級縮放滑桿調整文字大小。如果留空標籤,佔位圖會自動顯示它的像素尺寸。

不會。產生器在你的瀏覽器中以 canvas 繪製所有內容,因此不會有任何圖片資料離開你的裝置。這也讓它運作得很快——只要你變更設定,預覽就會立即更新。