前端原型
為頭像、Banner、卡片圖或響應式斷點生成固定尺寸素材,避免依賴外部圖片域名。
使用指南
佔位圖生成器用於為網頁、App 原型和測試數據快速製作指定尺寸的純色圖片。單張模式可直接輸入寬高或選擇頭像、Banner、16:9、4:3、手機、廣告等預設;批量模式則每行寫一個尺寸並一次生成多張。圖片可使用自定義背景色、文字色和居中文字,留空文字時自動顯示“寬 × 高”。輸出支持 PNG、JPEG 和 SVG。
更新於 2026-09-10约 2 分钟读完
800x600、1280×720 或 200,200。| 輸入 | 輸出 | 説明 |
|---|---|---|
| 800×600,文字留空,PNG | placeholder_800x600.png |
中心自動寫尺寸 |
| 三行不同尺寸,SVG | ZIP 中三份 SVG | 每份使用對應寬高 |
x、×、*、逗號、中文逗號、冒號或空白作為分隔;無法解析的行會列出提示並跳過。<rect> 和 <text> 的文本內容。為頭像、Banner、卡片圖或響應式斷點生成固定尺寸素材,避免依賴外部圖片域名。
一次輸入多組常用尺寸,打包得到整套 PNG/JPEG/SVG 測試文件。
代碼沒有額外設置條目數量上限;實際可生成數量受瀏覽器內存、畫布尺寸和 ZIP 打包耗時限制,大批量應分組執行。
Canvas 模式會最多嘗試 20 次縮小字號,直到文字寬度不超過畫布約 86% 或字號接近下限。
尺寸、顏色、文字和所有圖片都在瀏覽器本地生成;不會把參數或生成圖片發送到遠程服務。
更新於 2026-09-10
自定義尺寸、顏色、文字的佔位圖片,支持 PNG/JPEG/SVG 與批量打包
此工具尚未完整翻譯,部分內容使用源文或回退語言。
800 × 600 · PNG