占位图生成
生成任意尺寸的占位图片，支持自定义颜色、文字、格式（PNG/SVG）。
参数设置
预览
800×600
在线占位图生成工具
生成任意尺寸的占位图片，自定义背景色、文字、前景色，支持 PNG 和 SVG 两种格式。前端开发、原型设计必备工具，所有占位图在浏览器本地生成，不上传服务器。
占位图的常见尺寸
- 头像：64×64、128×128、256×256。
- 文章封面：1200×630（社交分享）、800×450（列表项）。
- 商品图：800×800、600×600。
- Banner：1920×600、1200×400。
本工具支持任意自定义尺寸，输入宽高即可生成。SVG 格式占位图体积只有几百字节，适合作为 CSS sprite 或内联回退；PNG 格式适合模拟真实图片场景。
占位图 常见问答
占位图是什么？有什么用？
占位图是在页面开发、原型设计中临时占位的图片，用来模拟最终图片的位置、尺寸和比例。开发者用它填充布局，确保排版在真实图片到位前就正确，避免布局抖动。
PNG 和 SVG 占位图该选哪个？
需要位图场景（如模拟文章封面、照片墙）选 PNG；需要矢量、可任意缩放、体积更小的场景（如 logo 占位、图标占位）选 SVG。SVG 占位图通常只有几百字节，远小于 PNG。
支持自定义文字吗？
支持。可在占位图上显示任意文字，默认显示尺寸（如 800×600）。自定义文字常用于标注图片用途（如"广告位"、"用户头像"），便于设计和开发沟通。
生成的占位图会上传吗？
不会。占位图在浏览器本地用 Canvas 或 SVG DOM 生成，直接下载到本地，不经过任何服务器。