🔄 图片格式转换
PNG / JPG / WebP 互转，浏览器本地完成，不传服务器。
如何使用图片格式转换
在 PNG、JPG、WebP、AVIF 等格式之间互转，可控制质量与背景色。
计算原理与公式
格式选择的核心是特性的取舍。PNG 支持透明通道、无损压缩，适合图标与截图，但同画质下体积大；JPG 有损压缩、体积小，适合照片，但不支持透明；WebP 与 AVIF 是现代格式，同画质下比 JPG 小 25%–50%，且 WebP 同时支持透明与有损，兼容性已足够普及。
适用场景
需要透明背景的素材导出、网页图片瘦身、格式不兼容时的中转、老照片的体积压缩。
计算示例
同一张图片在不同格式下的体积与特性：
| 格式 | 压缩类型 | 透明通道 | 适用场景 |
|---|---|---|---|
| PNG | 无损 | ✅ 支持 | 图标、截图、需透明的素材 |
| JPG | 有损 | ❌ 不支持 | 照片、背景图 |
| WebP | 有损/无损 | ✅ 支持 | 网页通用，体积小 |
| AVIF | 有损 | ✅ 支持 | 体积最小，但兼容性需确认 |
计算局限与假设
转成 JPG 会永久丢失透明背景（被填充为黑色或指定背景色），此操作不可逆。AVIF 虽压缩率最高，但部分旧版浏览器与办公软件支持不足，面向广泛受众时建议用 WebP。CMYK 色彩空间的图片转为 RGB 后颜色可能有偏差。批量处理大图时注意浏览器内存限制。
常见问题
JPG 转 PNG 画质会变好吗？
不会。有损压缩丢掉的信息已经没了，转 PNG 只是无损地保存这些「已经坏了的像素」，文件变大、画质不变。反向（PNG 转 JPG）才会因重新有损压缩而进一步微降画质。
WebP 兼容性怎么样？
2020 年后主流浏览器（Chrome、Edge、Firefox、Safari 14+）和微信内嵌浏览器都已支持，网站图片首选。兼容老设备则仍用 JPG 兜底，很多站点用 <picture> 标签做双格式降级。
转出来的 JPG 是白底，透明哪去了？
JPG 格式不支持透明通道，PNG 的透明区域会被填充为白色（部分工具可选填充色）。需要保留透明就转 WebP；一定要 JPG 就先接受白底，或在转换前自行换成目标底色。