占位图生成器

生成任意尺寸、颜色和格式的占位图——PNG、JPEG、WebP 或 SVG——并可下载或以 data URI 形式复制。免费，在你的浏览器中运行。

设置尺寸、颜色和标签——占位图会实时更新。下载它，或复制 data URI / SVG 标记用于你的原型设计。

尺寸

宽度

高度

预设

背景

文字

标签

以尺寸作为标签显示

文字大小

实时预览——按比例缩放显示；下载时使用精确的像素尺寸。

Data URI 会将图片直接嵌入 HTML/CSS 中——非常适合快速制作原型，无需托管文件。

占位图片生成器可为原型设计、线框图和开发工作创建虚拟图片。设置任意宽度和高度,或选择常用预设尺寸,挑选背景色和文字颜色,添加自定义标签,或让工具自动显示尺寸数字,预览会随你调整每个选项实时更新。

你可以将占位图导出为 PNG、JPEG、WebP 或 SVG 格式,有损格式还带有质量滑块。除了下载文件,你也可以将图片复制为 data URI 或复制原始 SVG 代码——这对于在 HTML 或 CSS 中直接嵌入占位图而无需托管任何文件非常方便。

一切都在你的浏览器中通过画布绘制完成。完全没有上传步骤,因此生成器可以即时工作,也绝不会向服务器发送任何数据。

是的,完全免费。占位图在你的浏览器本地生成,无需注册账号,也不消耗任何积分,无论你创建多少张图片都是如此。

你可以将占位图下载为 PNG、JPEG、WebP 或 SVG。PNG 和 SVG 非常适合清晰的原型设计,而 JPEG 和 WebP 在需要更小文件时带有质量滑块。

data URI 会将整张图片嵌入到一个字符串中,你可以直接粘贴到 HTML 或 CSS 中。它非常适合快速原型开发,因为占位图不需要托管文件——图片会随你的代码一起流转。

可以。在文字框中输入任意标签,并用字体缩放滑块调整文字大小。如果留空标签,占位图会自动显示其像素尺寸。

不会。生成器会在你的浏览器中通过画布绘制一切,因此图片数据绝不会离开你的设备。这也让它运行更快——每次更改设置,预览都会立即更新。