图标/UI/需要透明背景:优先PNG。照片/大面积渐变且追求体积小:优先JPG(JPEG)。
PNG常见优势是无损压缩与Alpha透明通道:边缘更干净,适合文字、线条、扁平图形与需要透明背景的素材。
缺点是体积可能更大,尤其是高分辨率照片类内容。
JPG通过丢弃部分细节来换取更小体积,对照片效果通常不错。但对文字边缘、锐利线条、UI细节容易出现“糊边、块状、蚊噪”。
JPG不支持真正的透明背景(只能用白底或其他底色替代)。
1)把UI导出成JPG导致边缘发毛。2)把照片导成PNG导致体积过大。3)重复保存JPG导致质量越来越差(多次有损压缩叠加)。
网页场景:优先考虑WebP/AVIF(如果环境允许),兼顾体积与质量;但在传统交付里,PNG/JPG仍是最通用的选择。