cheat sheet
终极图片文件大小参考指南
图片应该多大?针对每种使用场景的实用KB/MB基准。
“这张图片应该多大?”是网页性能中最常被问到的问题。诚实的答案是:取决于使用场景。以下是实用的参考。
主图 / 首屏图片
| 类型 | 目标大小 | 格式 |
|---|---|---|
| 全宽主图(桌面端) | 150-300 KB | WebP / AVIF |
| 移动端主图 | 80-150 KB | WebP |
| 懒加载的折叠区以下图片 | 最多 500 KB | WebP / JPG |
缩略图 / 列表图片
| 类型 | 目标大小 | 格式 |
|---|---|---|
| 产品网格缩略图(300×300) | 15-40 KB | WebP / JPG |
| 文章预览图(640×360) | 30-80 KB | WebP |
| 头像(96×96) | 5-15 KB | WebP / PNG |
社交媒体上传
大多数平台会进行激进的重新压缩,因此在你这边过度优化是徒劳的。目标是“高质量”而非“尽可能小”:
| 平台 | 推荐上传大小 |
|---|---|
| 1.5-3 MB(它们会重新压缩到约 150 KB) | |
| Twitter / X | 小于 5 MB;超过则强制重新压缩 |
| 帖子小于 1 MB | |
| 小于 5 MB;Logo 用 PNG,照片用 JPG |
壁纸(本地存储时)
手机存储空间很大——质量比大小更重要:
| 分辨率 | 合理的 JPG 大小 |
|---|---|
| HD(1280×720) | 200-400 KB |
| 全高清(1920×1080) | 400-800 KB |
| 4K(3840×2160) | 1.5-3 MB |
| 5K(5120×2880) | 3-6 MB |
| 8K(7680×4320) | 6-12 MB |
电子邮件签名与嵌入式图形
| 使用场景 | 目标大小 |
|---|---|
| 电子邮件签名图片 | 小于 50 KB |
| PDF 嵌入式图片 | 小于 200 KB |
| 幻灯片图片 | 小于 500 KB |
达成目标的工具
- JPG 压缩器 — 基于滑块,调整质量时实时查看 KB 大小。
- WebP 转换器 — 相同质量下通常小 30-50%。
- 调整大小工具 — 更小的尺寸 = 更小的文件。先调整大小,再压缩。
- 批量模式 — 将目标设置应用于整个文件夹。
试试我们的免费工具
- 图片调整大小工具 — 像素级精确缩小与放大。
- 转换为 WebP — 文件比 JPG 小 30-50%。
- 背景移除工具 — 一键抠图。
- 社交媒体尺寸调整工具 — 每个平台的精确尺寸。
- 批量处理 — 一次对最多 200 张图片应用任意工具。