什么是占位图?
占位图用于在真实素材未就绪时填充布局。典型占位图包含背景色与尺寸/说明文字,体积小、加载快,方便前端与设计并行推进。
本工具特点
- 浏览器 Canvas 本地绘制,不上传图片内容
- 自由尺寸(建议合理范围内)、背景/文字颜色、自定义文案
- 导出 PNG / JPEG / WebP,并可复制 Data URL 与模拟 via.placeholder 风格链接
- 预设 1080p、OG Image、方形、竖屏等常用规格
推荐场景
- 网页与后台列表布局联调
- 移动端原型与卡片栅格占位
- 测试响应式断点与 CLS(预留宽高)
- 邮件模板或演示页临时配图
使用注意
上线前请替换为真实图片并补充有意义的 alt。模拟链接适合演示,高流量生产环境应托管到自有 CDN。过大尺寸可能占用内存,请按需设置。
FAQ
图片会上传吗? 不会。使用 HTML5 Canvas 在浏览器本地绘制并导出。
模拟链接能直接用于生产吗? 仅适合演示。生产环境请下载后放到自有 CDN/服务器。
支持哪些格式? PNG、JPEG、WebP,下载时按所选格式导出。
默认文字是什么? 未填写自定义文本时显示「宽 × 高」。