什么是占位图片?
占位图片是开发网页、App 或设计排版时,在正式图片还没准备好之前,先放进去占位置的图片。图片上通常直接标示尺寸(例如 600 × 400),方便确认排版是否正确。这个工具可以自定义尺寸、颜色与文字,并直接下载或复制。
如何使用
- 输入宽度与高度,或点击常用尺寸。勾选“锁定比例”后,修改其中一边会自动调整另一边。
- 设置背景颜色、不透明度、文字颜色、显示文字与字体大小,右侧会实时预览。
- 选择格式,按需修改文件名,点击“下载图片”;或点击“复制图片”直接粘贴到其他程序。
常用尺寸
| 名称 | 尺寸 | 常见用途 |
|---|---|---|
| 正方形 | 500 × 500 | 头像、商品图 |
| 16:9 | 1280 × 720 | 视频封面、横幅 |
| OG 图片 | 1200 × 630 | 分享到微信、微博等社交平台时的预览图 |
| HD | 1920 × 1080 | 全屏背景、演示文稿 |
| 缩略图 | 320 × 180 | 列表缩略图 |
| 手机竖屏 | 1080 × 1920 | 竖屏海报、手机壁纸 |
格式怎么选?
| 格式 | 透明背景 | 特点 |
|---|---|---|
| PNG | 支持 | 无损,兼容性最好 |
| JPEG | 不支持(透明部分变白色) | 文件小,适合照片类内容 |
| WebP | 支持 | 文件比 PNG、JPEG 更小,现代浏览器都支持 |
| SVG | 支持 | 矢量格式,放大缩小都清晰,文件最小 |
常见问题
如何生成透明背景的图片?
把“背景不透明度”调到 0%,并选择 PNG、WebP 或 SVG 格式。预览区的灰白格子代表透明的部分。
为什么“复制图片”一律是 PNG?
浏览器的剪贴板目前只普遍支持 PNG 图片,所以无论选择哪种格式,复制时都使用 PNG。需要其他格式时请使用下载。
图片会上传到服务器吗?
不会。图片完全在你的浏览器中生成,不经过服务器,因此生成速度也很快。