占位图生成
按尺寸生成带文字的占位图,可导出 PNG 或 SVG,做原型和卡片很方便
这个工具做什么
这个页面提供占位图生成:按尺寸生成带文字的占位图,可导出 PNG 或 SVG,做原型和卡片很方便。整个处理过程在你的浏览器内完成,文件不会被上传到任何服务器,因此无需注册、也没有次数与体积限制,断网状态下同样可用。
怎么用
- 填宽度和高度,单位是像素
- 填要显示的文字,留空就是纯色块
- 改背景色、文字色、圆角,下面实时预览
- 选 PNG 或 SVG 导出,SVG 可无损缩放
适用场景
- 做原型时先摆一张占位图看版式
- 给文章配一张尺寸标注清楚的示意图
- 生成统一规格的卡片底图
- 做社交平台分享图,标注推荐尺寸
常见问题
怎么生成一张 800×450 的占位图?
宽高填 800 和 450,文字会自动变成「800 × 450」,点下载就得到一张标准尺寸的图。
占位图的圆角怎么做?
填圆角半径即可,最大到短边的一半。填很大时会自动变成完全圆角,不会报错。
能做成透明背景吗?
可以,把背景色填成 transparent(或者留空)。导出 SVG 时透明背景是原生的,PNG 也支持。
SVG 和 PNG 该选哪个?
SVG 可以任意缩放不失真,文件也小,适合放进设计稿或网页;PNG 兼容性最好,适合贴到文档、聊天工具里。
文字太长会溢出吗?
会自动缩小字号并限制宽度,超长时可能显示省略号。建议控制在 12 个字以内。
能做圆角吗?
能,圆角半径最多到短边的一半,超过会自动截断——那样就是完全圆角。