占位图生成器
使用 Canvas API 生成自定义占位图。下载为 PNG 或复制 Data URL。
尺寸
颜色
自定义文本
预设
预览
400 x 300自定义尺寸
设置最高 4096px 的任意宽高。从常用预设中选择，如页头、卡片、头像等。
自定义颜色和文本
使用颜色选择器选取背景色和文本颜色。添加自定义文本或使用默认的尺寸显示。
下载和 Data URL
即时下载为 PNG 文件，或复制 Data URL 直接嵌入 HTML 或 CSS。
如何使用占位图生成器
- 1.设置宽度和高度或点击预设按钮选择常用尺寸。
- 2.使用颜色选择器选择背景色和文本颜色。
- 3.可选输入自定义文本（默认显示尺寸）。
- 4.点击下载 PNG保存，或点击复制 Data URL用于内联使用。
常见问题
什么是占位图？
占位图是网页设计和开发中使用的临时图片，用于表示真实图片将放置的位置。通常显示尺寸，适用于线框图、模型和布局测试。
最大图片尺寸是多少？
可以生成最大 4096x4096 像素的图片。对于非常大的图片，生成可能需要一些时间，取决于您设备的性能。
可以在 HTML 中直接使用 Data URL 吗？
可以。Data URL（base64 编码图片）可以直接用在 <img> src 属性或 CSS background-image 中。无需单独的图片文件。
图片是在服务器上生成的吗？
不是。图片完全在浏览器中使用 Canvas API 生成。不会向任何服务器发送数据，图片仅存在于您的设备上。