占位图生成器
按尺寸、颜色与文字快速生成占位图片，支持 SVG 与批量打包。
隐私安全：所有处理均在您的浏览器本地完成，数据绝不上传占位图图片生成原型设计
1. 尺寸与文字
常用尺寸
实时预览
图片尺寸400 × 300实际字号32 px背景样式纯色 #e5e7eb
2. 背景样式
3. 文字样式
4. 圆角与边框
5. 导出与复制
当前导出格式：SVG。SVG 为矢量格式，可无损缩放，适合直接嵌入网页。
查看 / 复制 SVG 源码
6. 批量生成（打包 ZIP）
每行一组：宽x高 / 宽x高:文字 / 宽x高:文字:#颜色。除尺寸、文字与底色外，其余样式沿用上方设置； 以 # 开头的行会被忽略。
工作原理
- 1设置图片尺寸，或直接套用常用尺寸预设与宽高比，并填写需要显示的占位文字
- 2选择背景类型与配色，再调整文字样式、圆角与边框，预览区会实时刷新
- 3按需选择导出格式：SVG 适合无损缩放与网页代码，PNG、JPG、WebP 为位图
- 4下载单张图片、复制 SVG 代码或 data URI，也可以在批量区一次生成多张并打包为 ZIP
常见问题
生成的图片会上传到服务器吗？
不会。所有占位图都由浏览器在本地生成，页面不发起任何网络请求，断网状态下也能正常使用。
SVG、PNG、JPG、WebP 应该选哪种格式？
需要无损缩放、体积小或要嵌进网页代码时选 SVG；需要通用位图时选 PNG；照片类内容或希望文件更小可选 JPG 与 WebP。
为什么大尺寸导出时提示可能较慢？
PNG、JPG、WebP 需要通过浏览器画布逐像素光栅化，尺寸越大消耗的时间和内存越高，因此超大图建议直接使用 SVG。
批量生成支持哪些写法？
每行一组，支持「宽x高」「宽x高:文字」「宽x高:文字:颜色」三种写法，颜色使用十六进制色值；格式不正确的行会被跳过并提示行号。
文字太长放不下怎么办？
自动字号会先把文字缩放到合适大小；如果缩到最小仍超出可用宽度，文字会被自动截断并补上省略号，同时给出提示。
生成的占位图可以商用吗？
可以。图片完全由本地算法绘制，不含任何第三方素材，可自由用于个人与商业项目。