在线占位图生成器

相关工具

常见问题

占位图有什么用？

在图片还没准备好时，先用一张同尺寸的色块图占住位置，保证页面布局不错乱。图片到位后直接替换即可，不用重新调整排版。

Base64 复制的用途？

可以直接写进 HTML 的 img 标签，如 <img src="data:image/png;base64,....">，不需要额外的图片文件，适合做骨架屏或临时代替。

为什么预览看起来比设定值小？

预览为了适配屏幕做过缩放，实际生成的图片是你在宽高里填的真实尺寸，下载下来就是设定大小。

最大能生成多大？

宽高上限各 5000 像素。再大会占用大量内存，浏览器可能卡顿。

使用说明

1. 在「宽度」和「高度」填入需要的像素尺寸（如 800×600）。
2. 「显示文字」留空会自动显示尺寸数字；也可以填自定义文字（如「产品主图」）。
3. 调整背景色、文字色、字号、边框，下方预览实时更新。
4. 点「生成占位图」后下载图片，或点「复制为Base64」直接拿到可用于 img 标签的 data URI。

常见用途：网页开发时占位、设计稿排版留位置、做空白图片填充、给商品图模板预留尺寸。

免责声明

本工具的生成结果由程序自动产生，其准确性、适用性不作任何明示或暗示的保证。请勿将生成内容用于侵犯他人合法权益或违法违规用途。本工具为免费公益项目，按「现状」提供，不对因使用本工具产生的任何直接或间接损失承担责任。