SVG 占位图生成：前端原型与邮件都适用
为什么用 SVG 占位图，如何生成带尺寸/文字/颜色的占位图并内联为 Data URI。
为什么用 SVG 占位
SVG 是矢量、体积极小、可任意缩放不模糊，且能直接内联进 HTML/邮件，不依赖外部图片请求，非常适合原型与骨架屏。
常用参数
宽高、背景色、文字颜色、显示的尺寸文字。生成后可复制 SVG 源码或 Data URI 直接用在
在 ToolBox 中生成
填写尺寸与配色点击生成，预览即时更新；复制得到的 SVG/Data URI 粘贴到项目即可。
常见问题
- Data URI 会拖慢页面吗？
- 小图内联反而省一次请求；大图则建议用独立文件，避免 HTML 体积过大。
- 邮件里能用 SVG 占位吗？
- 部分邮件客户端对 SVG 支持有限，必要时改用 PNG 占位或带兜底alt文本。
- 占位图能加圆角/渐变吗？
- 能。SVG 支持 rect 的 rx 圆角与线性渐变，复杂样式可在生成后手动编辑源码。