黑点工具

占位图生成

按尺寸生成带文字的占位图,可导出 PNG 或 SVG,做原型和卡片很方便

这个工具做什么

这个页面提供占位图生成:按尺寸生成带文字的占位图,可导出 PNG 或 SVG,做原型和卡片很方便。整个处理过程在你的浏览器内完成,文件不会被上传到任何服务器,因此无需注册、也没有次数与体积限制,断网状态下同样可用。

怎么用

  1. 填宽度和高度,单位是像素
  2. 填要显示的文字,留空就是纯色块
  3. 改背景色、文字色、圆角,下面实时预览
  4. 选 PNG 或 SVG 导出,SVG 可无损缩放

适用场景

  • 做原型时先摆一张占位图看版式
  • 给文章配一张尺寸标注清楚的示意图
  • 生成统一规格的卡片底图
  • 做社交平台分享图,标注推荐尺寸

常见问题

怎么生成一张 800×450 的占位图?

宽高填 800 和 450,文字会自动变成「800 × 450」,点下载就得到一张标准尺寸的图。

占位图的圆角怎么做?

填圆角半径即可,最大到短边的一半。填很大时会自动变成完全圆角,不会报错。

能做成透明背景吗?

可以,把背景色填成 transparent(或者留空)。导出 SVG 时透明背景是原生的,PNG 也支持。

SVG 和 PNG 该选哪个?

SVG 可以任意缩放不失真,文件也小,适合放进设计稿或网页;PNG 兼容性最好,适合贴到文档、聊天工具里。

文字太长会溢出吗?

会自动缩小字号并限制宽度,超长时可能显示省略号。建议控制在 12 个字以内。

能做圆角吗?

能,圆角半径最多到短边的一半,超过会自动截断——那样就是完全圆角。

相关工具