PNG 和 JPG 有什么区别？

在日常生活中，我们经常需要处理图片格式转换的问题。不同格式的图片适用于不同的场景，选择正确的格式既能保证画质，又能控制文件大小。

PNG 格式详解

PNG（Portable Network Graphics）是一种无损压缩的位图格式：

• 优点：无损压缩，支持透明通道（Alpha），支持24位真彩色
• 缺点：文件体积相对较大，不支持动画
• 适用场景：截图、Logo、图标、需要透明背景的图片、文字图片

JPG/JPEG 格式详解

JPG（Joint Photographic Experts Group）是一种有损压缩格式：

• 优点：压缩率高，文件体积小，适合照片
• 缺点：有损压缩会降低画质，不支持透明背景，多次编辑会累积失真
• 适用场景：照片、风景图、复杂色彩图片、网页配图

WebP 格式详解

WebP是 Google 开发的现代图片格式，兼具高压缩率和优秀画质：

• 优点：比JPG小25-34%，比PNG小26%；支持有损和无损压缩；支持透明和动画
• 缺点：旧版浏览器兼容性较差（IE不支持）
• 适用场景：网页图片优化、追求加载速度的场景

格式对比表

快速选择建议

• 网页照片/配图 → JPG（体积小，加载快）
• Logo/图标/截图 → PNG（清晰，支持透明）
• 追求极致压缩 → WebP（最小体积）
• 需要放大不失真 → SVG（矢量格式）