前端原型
为头像、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