01 / Quick answer
一分钟选对图片格式
- 照片、商品图：优先 JPG 或 WebP。
- Logo、图标、透明背景：选择 PNG 或 WebP。
- 网页和移动端配图：浏览器支持范围允许时优先 WebP。
- 需要发给不同设备：JPG 通常拥有更广兼容性。
- 文字很多的截图：优先 PNG，避免 JPG 边缘色块。
02 / JPEG
JPG：照片和兼容性的稳妥选择
JPG 使用有损压缩，适合连续色调、光影丰富的照片和商品图。它不支持透明背景，但兼容范围广，画质和体积可通过压缩等级调节。
不适合需要透明背景的 Logo，也不适合反复保存编辑；每次重新有损编码都可能增加失真。
03 / PNG
PNG：透明背景与锐利边缘
PNG 通常采用无损压缩，适合界面截图、文字、Logo 和透明图层。其文件体积可能大于 JPG/WebP，尤其是高分辨率照片。
- 优点：透明通道、边缘清晰、无损保存。
- 不足：复杂照片体积较大，画质滑块通常不起作用。
- 优化方式：减少像素尺寸、颜色数量，或转为 WebP。
04 / WebP
WebP：面向网页的体积优化
WebP 支持有损、无损和透明背景，常用于网页、博客、商品详情和移动端素材。在兼顾视觉质量的同时，通常能获得较小文件。
上传前确认目标平台是否接受 WebP；部分旧软件和传统工作流仍可能只支持 JPG/PNG。
05 / Compare
JPG、PNG、WebP 对比
| 格式 | 透明背景 | 适合内容 | 体积特点 |
|---|---|---|---|
| JPG | 不支持 | 照片、商品图 | 有损压缩，通常较小 |
| PNG | 支持 | Logo、截图、文字 | 无损，复杂图片较大 |
| WebP | 支持 | 网页与移动端图片 | 有损/无损均可，通常更小 |
06 / Convert
图片格式转换建议
- PNG 转 JPG：先确认不需要透明背景，透明区域会变成白色。
- PNG 转 WebP：适合保留透明背景并减少网页资源体积。
- JPG 转 PNG：不会恢复已丢失的细节，文件反而可能增大。
- JPG 转 WebP：常用于网站性能优化，注意检查目标平台兼容性。