空白图片与占位图生成器

占位图在你制作网页、幻灯片或广告版面时代替真实图片占位，空白图则用来填满需要精确尺寸文件的位置。本生成器可以绘制任意尺寸的图片，支持背景色（或透明）、可选的尺寸标签、线框用的交叉线或边框，并导出为 PNG、JPG、WebP 或矢量 SVG。你还会得到可直接粘贴到 HTML 或 CSS 的 SVG 代码和数据 URI，也可以一次生成整套尺寸。

使用方法

1. 输入宽度和高度，也可以补充更多尺寸，例如 300x250 和 728x90。
2. 选择背景色，或勾选透明。
3. 选择纯色、交叉线或边框，保留尺寸标签或输入你自己的文字。
4. 选择格式并下载文件，或复制 SVG 代码、数据 URI。

计算公式

自动字号 = min(0.22 × 高度, 0.16 × 宽度)，并缩小到标签宽度不超过图片宽度的 85%

字号会取整到整数像素；如果标签会小于 6 px 或比图片还高，就不添加标签。线条宽度为 max(1, round(短边 ÷ 200)) px。SVG 数据 URI 是把代码经过 encodeURIComponent 处理得到的；位图的数据 URI 是 base64，大小约为文件的 4/3，因此只对不超过 150 KB 的文件显示。

示例

默认的 1200 × 630（常见的社交分享图尺寸）会在 #cccccc 背景正中放置标签“1200 × 630”，字号为 min(0.22 × 630, 0.16 × 1200) = 138.6，取整为 139 px 粗体。该尺寸的纯灰色 PNG 只有几 KB，其数据 URI 比文件字节数长约三分之一。