占位图生成器
生成指定尺寸、颜色、文字的占位图片,支持导出 PNG、SVG 及 Data URI
参数配置
选择背景填充颜色
根据背景色自动计算,确保可读性
0 = 自动
实时预览
关于占位图生成器
- 在线生成指定尺寸、背景色、文字的占位图片,适合前端开发 Mock 数据和 UI 原型设计
- 支持 6 种常用尺寸预设(缩略图/卡片/Banner/头像/全屏/移动端),一键切换
- 开启「自动计算对比色」后,文字颜色根据背景亮度自动选择黑色或白色
操作说明
- 选择预设尺寸或手动输入宽高,调整背景色和文字颜色,实时预览效果
- 「下载 PNG」导出位图;「下载 SVG」导出矢量格式;「复制 URI」复制 Data URI 字符串
- 留空「显示文字」则自动显示尺寸(如 400×300)
注意事项
- 宽高范围 1 ~ 4096px;超大尺寸(如 4096×4096)可能导致浏览器内存占用较高
- Data URI 格式适合直接嵌入 HTML/CSS,但超大图片的 URI 字符串会很长
- 所有处理均在浏览器本地完成,不会上传任何数据