佔位圖產生器
輸入寬高、背景色與文字，本機畫布產生指定尺寸佔位圖，一鍵下載 PNG。
佔位圖產生器
輸入尺寸與文字，本機畫布產生佔位圖並下載 PNG
使用說明
📖 工具介紹
佔位圖產生器是一款在設計與前端開發中非常實用的免費線上工具。當網頁或設計稿還在排版階段、真實圖片尚未就緒時，通常需要一張標明尺寸的灰色佔位圖來撐住版面，避免版型塌陷。本工具讓你輸入寬度與高度像素、挑選背景色與文字色，再填入想要顯示的佔位文字，如果留空則自動顯示寬乘高，畫布會在瀏覽器本機依你指定的真實解析度繪製這張圖，你可以即時預覽並一鍵下載為無損 PNG。字型大小會依圖片最短邊自動縮放，確保文字在 1×1 到 2000×2000 的範圍內都清晰置中。無論是給文章預留配圖位置、給投影片預留畫幅，還是給原型稿標註區塊尺寸，都能幾秒產生。整個過程不依賴任何遠端佔位服務，圖片不會上傳，隱私與離線可用性都有保障，介面支援簡中、繁中與英文三語，手機電腦均可使用。
✨ 功能特點
- 真實解析度繪製：畫布依你輸入的寬高像素產生，匯出即實際尺寸
- 自由配色：背景色與文字色各自取色，對比即時可見
- 自訂文字：可標註區塊用途，留空則自動顯示寬×高
- 自動字型大小：文字大小隨最短邊縮放，確保清晰置中
- 無損 PNG 下載：一鍵匯出，適合直接放入設計稿或網頁
- 本機產生：全程在瀏覽器畫布完成，不上傳任何圖片
📝 使用方式
- 輸入佔位圖的寬度與高度像素（範圍 1~2000）
- 用取色器選擇背景色與文字色
- 在佔位文字欄輸入想要顯示的內容，留空則顯示寬×高
- 點擊產生佔位圖，在右側預覽確認效果
- 點擊下載 PNG，儲存到本機即可使用
⚠️ 注意事項
- 尺寸範圍：寬高限制在 1 到 2000 像素之間，超出會收到提示
- 文字繪製：佔位文字透過畫布安全繪製，特殊字元不會出錯
- 匯出格式：固定匯出 PNG，保證邊緣清晰無損
- 預覽縮放：預覽區會等比縮小大圖，下載的才是真實解析度
- 本機處理：圖片在瀏覽器內繪製與匯出，不產生任何網路要求