占位图生成
在线生成指定尺寸、颜色和文字的图片占位图。
工具资源加载中...
占位图生成在线工具
占位图生成工具可以按照指定宽度、高度、背景颜色和文字生成 Placeholder 图片，适合网页开发、UI 原型、接口测试、图片懒加载和设计稿占位。无需上传素材，所有图片均由浏览器 Canvas 本地生成。
自定义尺寸
输入任意常用宽高，生成适合组件和页面布局的测试图片。
颜色设置
分别设置背景色和文字颜色，快速匹配原型设计的视觉风格。
文字模式
可以显示图片尺寸、自定义文字或生成不带文字的纯色占位图。
PNG/JPG 导出
预览确认后即可下载 PNG 或 JPG 格式的占位图片。
占位图生成使用方法
- 1输入占位图宽度和高度，设置适合页面布局的尺寸。
- 2选择背景颜色和文字颜色。
- 3选择显示尺寸、自定义文字或不显示文字，并选择 PNG/JPG 格式。
- 4查看预览，点击生成占位图并下载。
占位图的常见用途
在网页开发中，占位图可以用于模拟文章封面、商品图片、头像和广告位，帮助检查图片比例、卡片高度和响应式布局。设计阶段也可以用不同颜色的占位图快速标识尚未完成的内容区域。
常见问题
可以生成透明占位图吗？
当前界面主要提供纯色背景的 PNG/JPG 占位图。如果需要透明素材，可以使用其他图片工具先生成透明画布或选择 PNG 后继续编辑。
尺寸输入有上限吗？
工具会限制单边最大 4000 像素，避免浏览器在生成超大 Canvas 时占用过多内存。
占位图会上传服务器吗？
不会。占位图直接通过当前浏览器生成和下载。
工具说明
在线生成指定尺寸、颜色和文字的图片占位图。
使用占位图生成工具在线制作不同尺寸和颜色的Placeholder图片，适合网页开发、原型设计和测试。