占位图生成器

生成指定尺寸、颜色、文字的占位图片,支持导出 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 字符串会很长
  • 所有处理均在浏览器本地完成,不会上传任何数据