占位图生成

怎么用

1. 设置宽度和高度（像素），16 到 4096 之间。
2. 用两个取色器选背景色和文字色。
3. 输入文字；留空则回退为尺寸文本，比如 600 x 400。
4. 点生成画图，然后下载 PNG，或复制下方等效 SVG 代码。

常见用法

• 线框图与设计稿 —— 真实素材到位前，先按正确尺寸占住版面。
• 图片加载失败的兜底 —— 手边备好 1:1 和 16:9 的占位图，替换挂掉的嵌入图。
• 邮件模板 —— 用轻量、尺寸精确的图测试栏宽。
• 教学演示 —— 不用真实照片也能讲清宽高比与裁切表现。

常见问题

问：该用 PNG 还是 SVG？ 答：需要固定尺寸的位图（比如缩略图槽位）用 PNG；同一个占位图要在多种尺寸下保持清晰时用 SVG，它缩放不失真，文本体积也小得多。

问：SVG 和 PNG 长得完全一样吗？ 答：两者由同一组宽高、颜色和文字生成，尺寸、配色、文字位置一致。字形渲染在画布光栅化与 SVG 文本之间可能有细微差别。

问：能换字体、加边框吗？ 答：生成的文件用通用无衬线字体、无边框，保持简单。复制的 SVG 可以直接手改——文字元素、填充色和尺寸都是普通属性。