三种格式支持透明,各擅长不同场景。

PNG

透明照片抠图和精细图形的通用选择。到处都能用,但文件可能偏大。

WebP

透明效果和 PNG 一样,但通常小 25–35%。不需要兼容老浏览器时,网页用它很好。

SVG

矢量格式——logo 和图标的完美选择,因为它在任意尺寸都锐利、文件极小。不适合照片。

怎么做

要把主体抠出来?用去背景。已有透明 PNG 想更小?转成 WebP。想知道 JPG 为什么做不到,见 PNG vs JPG。