图片格式的困境
你有一张JPG。有人叫你用WebP。另一个人说AVIF更好。设计师发来PNG。CMS要求全部用WebP。邮件客户端遇到非JPG就崩溃。
今天彻底解决这个问题。
各格式详解
JPEG（JPG）—— 老可靠
1992年发明。至今仍是网络上使用最广泛的图片格式。
- 压缩：良好（仅有损）
- 透明度：不支持
- 浏览器支持：100%
- 最适合：照片、带渐变的图像、邮件、一切需要通用兼容性的场景
- 不适合：含文字的图像、Logo、截图（会出现压缩伪影）
基本原则：拿不准且兼容性重要时，用JPG。
PNG —— 透明+无损质量
- 压缩：无损（照片文件比JPG大）
- 透明度：支持（Alpha通道）
- 浏览器支持：100%
- 最适合：Logo、图标、截图、含文字图像、需要透明背景的一切
- 不适合：照片（文件比等效JPG大3–5倍）
基本原则：需要透明度或像素级清晰度时，用PNG。
WebP —— 谷歌对JPG和PNG的升级
2010年谷歌发布。设计用于同时取代JPG和PNG。
- 压缩：比JPG小25–35%（相同质量），比PNG小20–30%
- 透明度：支持
- 动画：支持（取代GIF）
- 浏览器支持：97%+（所有现代浏览器——Chrome、Firefox、Safari 14+、Edge）
- 最适合：可控制浏览器环境的网络图片
- 不适合：邮件（很多客户端不支持）、面向老旧设备的应用
注意：Safari直到2020年才支持WebP。如果你有iOS 13或旧版Safari用户，需要提供JPG备选。
AVIF —— 新冠军
基于AV1视频编解码器。约2019年发布，2022年起获得广泛支持。
- 压缩：相同质量比JPG小50%——目前最佳
- 透明度：支持
- 动画：支持
- 浏览器支持：约93%（Chrome、Firefox、Safari 16+、Edge——IE不支持，旧设备不支持）
- 最适合：最大压缩率至关重要的网络图片、现代受众
- 不适合：尚不支持的工具（Photoshop 2023年才加入支持，部分CMS仍未支持）
注意：编码较慢（比WebP慢10–20倍）。批量转换请使用工具。
GIF —— 用WebP或视频代替
GIF已有30年历史。8位色彩，每帧限256色，体积荒谬地大。
一个5MB的GIF可以是300KB的WebP动图或200KB的MP4。2026年几乎没有理由继续使用GIF——除非平台特别要求。
格式对比表
| 格式 | 文件大小 | 透明度 | 动画 | 支持率 | 最适合 |
|---|---|---|---|---|---|
| JPG | 基准 | 不支持 | 不支持 | 100% | 照片、邮件 |
| PNG | 3–5× JPG | 支持 | 不支持 | 100% | Logo、截图 |
| WebP | −30% JPG | 支持 | 支持 | 97% | 网络图片和图标 |
| AVIF | −50% JPG | 支持 | 支持 | 93% | 现代网络、最大压缩 |
| GIF | 10–20× WebP | 部分 | 支持 | 100% | 仅旧版兼容 |
如何选择：决策指南
网站照片 → AVIF（为旧版浏览器提供WebP备选）。HTML写法：
<picture>
<source srcset="image.avif" type="image/avif">
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="...">
</picture>
透明背景的Logo → WebP或PNG。WebP小30%；需要100%兼容性用PNG。
邮件 → 永远用JPG。邮件客户端是一团乱麻；JPG是唯一真正安全的格式。
有大量图片的产品页 → AVIF。压缩差异（比JPG小50%）对页面加载时间和Core Web Vitals有实际影响。
替换网站GIF → WebP动图或MP4。视频转GIF创建兼容WebP的动图；大多数现代播放器能流畅处理MP4循环。
上传社交媒体 → JPG。Instagram、Twitter/X、微博都会重新压缩你的图片。
SEO角度
Google PageSpeed Insights和Core Web Vitals专门惩罚过大的图片。拥有50+图片的网站从JPG切换到WebP/AVIF，可以显著提升LCP（最大内容渲染）评分。
400KB的hero图JPG = 280KB的WebP = 200KB的AVIF。视觉效果完全相同，加载时间天差地别。
立即转换你的图片
图片格式转换在PNG、JPG、WebP、AVIF等格式间转换——批量处理，免费。无需账号。
不想换格式只想压缩：图片压缩工具在保持质量和格式的同时减小文件体积。