佔位圖產生

產生任意尺寸、帶文字與顏色的佔位圖

640 × 360 px · PNG

如何使用佔位圖產生

產生 1 到 8192 像素任意尺寸的佔位圖，文字、顏色和圖案都能自訂。可匯出 PNG、JPG、WebP 或 SVG，複製 Data URI 直接內嵌，也能把多個尺寸一次打包成 ZIP。全部在瀏覽器中產生。

輸入「寬度」和「高度」，或直接點「常用尺寸」裡的 300×250、1200×630、1080×1920 等。

在「文字」裡填寫「文字內容」（留空則顯示尺寸，{w} 和 {h} 會替換為實際數值），並選擇「字型」。

在「樣式」裡選一組「配色方案」或自行設定「背景色」「文字色」，需要時再加上「圖案」、邊框或圓角。

在「匯出」中選擇「格式」，點「下載」，或使用「複製 Data URI」「複製圖片」。

需要多個尺寸時，在「批次尺寸」輸入 300x250, 728x90 這樣的清單，下載按鈕會把所有尺寸打包成一個 ZIP。

常見問題

不會。佔位圖在瀏覽器中繪製，不會傳送到任何伺服器。

不能，XTools 不代管圖片。「複製 Data URI」取得的 data: 網址可以直接寫進 img 的 src 或 CSS；也可以下載檔案後放到自己的伺服器上。

寬和高都可以介於 1 到 8192 像素。「批次尺寸」支援 300x250、300×250 或 300*250 的寫法，以逗號或空格分隔，重複的尺寸會自動略過。

JPG 不支援透明，圓角以外的區域會變成白色。想保留透明圓角，請匯出 PNG、WebP 或 SVG。

可以，在「文字內容」裡按 Enter 換行。「自動調整字級」會讓文字隨圖片大小縮放；關閉後可以手動設定 6 到 400 像素的字級。