占位图生成

切图时先拿它把位置占住。生成的是本地图片，不像 placeholder.com 那样依赖外部服务——内网开发、断网演示都能用。SVG 格式体积最小，放进代码里做默认图正合适。

方形头像200×200 列表缩略图320×180 卡片封面640×360 首页 Banner1200×400 通栏广告970×250 横幅广告728×90 矩形广告300×250 微信封面900×383 手机屏750×1334 桌面屏1920×1080 小图标64×64 正方形海报800×800

data URI（可直接作为 src 使用）

宽度

高度

格式

文字（留空则显示尺寸）

背景色

文字色

字号（0 = 按尺寸自动）

样式

显示边框

用法提示

SVG 占位图可以直接写进 CSS：background-image: url("data:image/svg+xml,...")，注意里面的 # 要转义成 %23，否则会被当成锚点截断。本工具复制出来的 data URI 已经处理好了。
不要在生产环境留占位图。真实图片加载失败时应该用 onerror 换成本地默认图，而不是继续请求占位图服务——那等于给自己的页面加了一个外部依赖和一条泄露访问日志的链路。
带对角线的样式更适合布局调试，一眼能看出容器有没有被拉伸变形。
相关：文字生成图片、图片裁剪、图片压缩、Web 尺寸规范。