占位图生成器

什么是占位图生成器？

如何使用占位图生成器

1. 1

   设置尺寸：在对应输入框中填入你需要生成占位图的宽度和高度像素数值，数值需要为正整数，如果需要正方形占位图，宽度和高度填写相同数字即可。

2. 2

   调整颜色：点击背景色和文字颜色的拾色器，在色板上选择你需要的颜色，也可以直接输入十六进制颜色码，调整到你满意的搭配效果。

3. 3

   添加文字：在文字输入框中填入你想要显示在占位图上的内容，如果不需要显示额外文字，可以清空输入框留空即可。

4. 4

   下载保存：生成预览效果确认无误后，点击『下载PNG』或『下载SVG』按钮，选择存储路径就能把生成好的占位图保存到本地。

什么场景会用到？

计算示例

注意事项

• 生成的宽高单位固定为像素（px），若需要厘米英寸等单位，请先提前换算为对应像素值输入。
• 文字长度不宜超过 20 个汉字（或 40 个英文字符），过长文字会超出画布范围无法完全显示。
• 仅支持 16 进制标准颜色值（如 #ffffff），不支持 rgb()、颜色名称等其他格式的输入。
• SVG 格式为矢量图可无限放大，PNG 为位图适合直接插入网页或文档，按需选择下载格式即可。

常见问题

参考资料

• W3C SVG 官方规范
• W3C PNG 图像格式标准说明

本工具遵循网页通用占位图的生成习惯，支持前端开发常用的 PNG、SVG 两种导出格式，所有参数逻辑均经过编辑组功能验证，由工具集编辑组维护更新。