占位图生成

生成任意尺寸、带文字和颜色的占位图

640 × 360 px · PNG

如何使用占位图生成

生成 1 到 8192 像素任意尺寸的占位图，文字、颜色和图案都可以自定义。可导出 PNG、JPG、WebP 或 SVG，复制 Data URI 直接内嵌，也能把多个尺寸一次打包成 ZIP。全部在浏览器里生成。

输入「宽度」和「高度」，或直接点「常用尺寸」里的 300×250、1200×630、1080×1920 等。

在「文字」里填写「文字内容」（留空则显示尺寸，{w} 和 {h} 会替换为实际数值），并选择「字体」。

在「样式」里选一个「配色方案」或自己设置「背景色」「文字色」，需要时再加上「图案」、边框或圆角。

在「导出」中选择「格式」，点「下载」，或者用「复制 Data URI」「复制图片」。

需要多个尺寸时，在「批量尺寸」里输入 300x250, 728x90 这样的列表，下载按钮会把所有尺寸打包成一个 ZIP。

常见问题

不会。占位图在浏览器中绘制，不会发送到任何服务器。

不能，XTools 不托管图片。「复制 Data URI」得到的 data: 地址可以直接写进 img 的 src 或 CSS；也可以下载文件后放到自己的服务器上。

宽和高都可以在 1 到 8192 像素之间。「批量尺寸」支持 300x250、300×250 或 300*250 的写法，用逗号或空格分隔，重复的尺寸会自动忽略。

JPG 不支持透明，圆角以外的区域会变成白色。想保留透明圆角，请导出 PNG、WebP 或 SVG。

可以，在「文字内容」里按回车换行。「自动适配字号」会让文字随图片大小缩放；关闭后可以手动设置 6 到 400 像素的字号。