快速生成占位图
设置宽高、文字和颜色后生成 SVG 占位图,适合网页原型、后台列表和卡片搭版。
设置宽高、文字和颜色后生成 SVG 占位图,适合网页原型、后台列表和卡片搭版。
生成后可复制 SVG Data URL,直接放入 img src 或测试数据里临时使用。
占位图由浏览器本地生成,不调用第三方占位图接口,也不会上传服务器。
工具使用说明
填写宽度和高度,按页面版位设置目标比例。
用文字标注尺寸、模块名或素材用途,再调整背景和文字颜色。
预览确认后下载 SVG,或复制 Data URL 到原型和测试代码中。
功能说明
真实图片还没准备好时,占位图可以先保证页面结构、比例和加载逻辑可验证。
相比远程占位图服务,本地生成更稳定,也不会因为第三方接口不可用影响开发预览。
输入的文字和尺寸只在浏览器本地生成 SVG,不会上传服务器。
占位图主要用于原型、测试和页面搭版,正式上线前应替换为真实图片或正式品牌素材。
常见问题
不会。SVG 占位图在当前浏览器本地生成。
可以,页面提供 SVG 下载,也可以复制 Data URL。
支持。建议文字保持简短,避免过长影响预览。
不建议作为正式素材长期使用,更适合开发、原型和测试阶段。