占位图生成器

功能

• 尺寸自定，默认 800×600（1 到 4000 像素）
• 默认 SVG 输出：矢量、几十字节、放大不糊
• PNG / JPEG 输出带对角交叉线，一眼认出是占位图
• 图上默认写明尺寸，也可换成自己的文字
• 四种底色（暖灰、白、中灰、深色）
• 显示尺寸与文件体积，可直接下载

使用方法

1. 填宽度与高度
2. 需要时改文字、格式与底色
3. 占位图实时生成
4. 点「下载」保存

常见问题

为什么默认给 SVG？

因为占位图通常是塞进网页或设计稿里临时占位置的，SVG 只有几十个字节、放大不糊、还能直接当 CSS 的 background-image 用。要给不支持 SVG 的地方（部分聊天软件、旧版设计工具）用时，切成 PNG 就行。

PNG 上的交叉线能去掉吗？

这条线是刻意的：占位图最怕的是被人当成"图片加载失败留下的空白"。画两道对角浅线之后，任何人扫一眼就知道这是有意放的占位图，而不是哪里坏了。需要纯色块时用 SVG 格式（它不带交叉线）。

可以直接当网页占位用吗？

可以。把生成的 SVG 存下来，或者把它的内容直接写进 CSS（`background-image: url("data:image/svg+xml,...")`）—— 后者连文件都不用存，几十个字节的内联数据比一张图小得多。

会不会上传我的尺寸？

不会。整个图是在浏览器里画的，页面不发送任何请求。