🏞️ 图像占位符生成器
在任意宽度和高度创建自定义占位符图像 —— 选择背景颜色、文字颜色和标签，然后直接在浏览器中下载为PNG、JPEG或WebP。
隐私优先设计. 此工具完全在您的浏览器中运行 — 您输入的任何内容都不会上传或存储，并且可以离线使用。
关于
此工具使用浏览器Canvas API在您指定的像素尺寸上渲染一个纯色矩形，然后叠加一个居中的文字标签 —— 默认为图像尺寸，例如800×600。您可以使用颜色选择器选择任何背景颜色和文字颜色，输入自定义标签，并选择PNG、JPEG或WebP作为输出格式。结果可以保存为文件，或复制为Base64数据URI，以便直接嵌入HTML或CSS中。由于所有操作都在客户端完成，您的数据永远不会离开浏览器，无需账户或服务器。
如何使用
- 输入所需的宽度和高度（像素，每个最多4000）
- 使用颜色选择器选择背景颜色和文本颜色。
- 输入自定义标签，或留空以自动显示图片尺寸。
- 选择输出格式——PNG、JPEG 或 WebP——并查看实时画布预览。
- 点击下载以保存图片文件，或复制 Base64 数据 URI 以直接嵌入代码中。
常见问题
- 什么是占位图片？
- 占位图片是在网页或应用程序开发过程中用于预留布局空间的临时图形，直到真正的图片准备就绪——常用于线框图、原型和 HTML 模板中。
- 是否有最大图片尺寸？
- 生成器支持最大 4000×4000 像素。超过这个尺寸，浏览器画布内存限制可能会导致错误。对于大多数开发用途，每边 4000 像素已经足够。
- 什么是 Base64 数据 URI，何时应该使用它？
- Base64 数据 URI 将图片编码为文本字符串，可以直接粘贴到 img src 属性或 CSS background-image 值中，无需单独的图片文件。最适合原型或电子邮件中的小图片。
- 应该选择哪种输出格式——PNG、JPEG 或 WebP？
- 选择 PNG 以获得无损质量和透明度支持，选择 JPEG 以在不需要透明度时获得更小的文件大小，选择 WebP 以在现代浏览器中获得尺寸和质量的最佳平衡。
- 此工具会将我的数据上传到服务器吗？
- 不会。图片完全在您的浏览器中使用 Canvas API 生成，且从未传输到任何服务器。无需登录、无需上传。
- 此工具会上传我的数据吗？
- 不会。所有操作都在您的浏览器中完成，因此您的数据永远不会离开您的设备 — 甚至在页面加载后也可以离线使用。