即时在 PNG、JPEG 和 WebP 格式之间转换图片。为有损格式调整质量设置。一切在浏览器中运行——无需服务器上传。
选择合适的图片格式是提升网页性能最关键的决定之一。每种格式都有独特优势,适用于特定场景。JPEG(Joint Photographic Experts Group)采用有损压缩,擅长处理包含数百万颜色和渐变色调的照片及复杂图像。高质量的 JPEG 照片相比等效的 PNG 可缩小 80-90%,且对大多数观众而言视觉上几乎无差别。然而,JPEG 不支持透明度,并且在锐利边缘和文字周围会出现可见的压缩伪影。
PNG(Portable Network Graphics)采用无损压缩,意味着每个像素都与原始图像完全一致。这使得 PNG 成为徽标、图标、截图、示意图以及任何包含文字、锐利几何形状或平面颜色区域的图像的正确选择,因为 JPEG 在这些情况下会出现伪影。PNG 还支持完整的 alpha 透明度,可在任何背景下实现平滑边缘。其代价是文件体积——PNG 照片通常比对应的 JPEG 大 5-10 倍。
WebP 是 Google 的现代图片格式,兼具两者优势。它支持有损压缩(在保持 JPEG 质量的同时文件体积可减小 25-35%),无损压缩(通常比 PNG 小 26%),并具备完整的 alpha 透明度。WebP 还支持动画,可能取代 GIF。截至 2026 年,全球浏览器支持率已超过 97%,WebP 成为大多数网页图片的推荐默认格式。
在 WebP 之外,另外两种新兴格式正逐渐受到关注。AVIF(AV1 Image File Format)提供比 JPEG 高出 50%、比 WebP 高出 20% 的压缩率,但编码速度显著较慢,且浏览器支持虽在增长但尚未普及。JPEG XL 被设计为真正的 JPEG 替代品,具备有损和无损两种模式、渐进式解码,并能无损转码现有 JPEG 文件——但 Google 于 2023 年在 Chrome 中移除其支持,限制了采用率。对于 2026 年的大多数网站而言,WebP 仍是实用之选,AVIF 可作为性能关键应用的可选增强,通过 HTML picture 元素进行格式协商。
JPEG 使用有损压缩,最适合照片——文件小但不支持透明度。PNG 使用无损压缩并支持透明度,适用于徽标和图形。WebP 是一种现代格式,支持有损和无损压缩以及透明度,在相同质量下文件体积比 JPEG 和 PNG 小 25-35%。所有主流浏览器均支持 WebP。
当需要透明度、图像包含文字或锐利几何形状、需要像素级完美再现,或图像有大面积纯色时,请使用 PNG。对于照片和真实场景图像,若更小的文件体积比完美质量更重要,则使用 JPEG。用于摄影内容的 PNG 文件通常比对应的 JPEG 大 5-10 倍。
不会。将 JPEG 转换为 PNG 无法恢复原始 JPEG 压缩时丢失的质量。一次有损压缩丢弃的图像数据将永久消失。转换实际上会显著增大文件体积,却没有任何质量提升。唯一合理的将 JPEG 转为 PNG 的原因是添加透明度支持。
截至 2026 年,WebP 已被所有主流浏览器支持:Chrome、Firefox、Safari(自 macOS Big Sur / iOS 14 起)、Edge 和 Opera。全球浏览器支持率已超过 97%。唯一未支持的是已于 2022 年被微软停用的 Internet Explorer。对于极少数情况,可使用 HTML picture 元素并提供 JPEG 或 PNG 备用图像。