工具功能
占位图生成器可以快速生成自定义尺寸、颜色、文字的占位图片,支持下载PNG和SVG两种格式。适合网页设计、原型制作时快速获取占位素材。
使用方法
- 输入你需要的图片宽度和高度(单位:像素,最大支持2000像素)
- 点击颜色选择器设置背景颜色和文字颜色
- 可输入自定义占位文字,留空则自动显示宽高尺寸
- 勾选「显示尺寸文字」可开启尺寸显示,关闭则只显示背景色
- 点击「生成占位图」即可预览,生成后可点击下载按钮获取PNG或SVG文件
生成原理
PNG格式使用HTML5 Canvas绘制生成,下载时导出为PNG图片文件;SVG格式直接生成矢量XML代码,体积更小,适合任意缩放不失真。
注意事项
- 最大支持2000×2000像素的图片,过大尺寸会导致生成和下载变慢
- SVG为矢量格式,文件体积远小于PNG,适合需要缩放的场景
- 估算的文件大小为近似值,实际大小可能因压缩略有不同