位图与矢量图位图记录像素，矢量图描述形状。照片通常适合位图，标志与示意图往往适合可清晰缩放的矢量图。 文件格式基础知识格式 i?01 · 02 FORMAT ATLAS 格式JPEGJPEG 是一种广泛用于分发照片的有损图像格式。PNGPNG 是一种支持 Alpha 透明度的无损栅格图像格式。WebPWebP 是面向网页交付的图像格式，可使用有损或无损压缩，并支持 Alpha 透明度和动画。AVIFAVIF 是基于 AV1 Image File Format 规范的静态图像格式。它可用于平衡网页交付中的图像大小与质量，而不是 JPEG 或 WebP 的自动替代品。SVGSVG 是基于 XML 的矢量图像格式。缩放时可保持清晰轮廓，适合徽标、图标和图表，不适合普通照片。对比JPEG 与 PNGJPEG 通常采用有损压缩，适合许多照片；PNG 无损保存像素并支持透明度。选择取决于图像内容、编辑需求和目标用途。PNG 与 WebPPNG 和 WebP 都可以支持透明度。PNG 是兼容性广的无损格式；WebP 可用于优化网页分发，也支持动画。请用实际素材和目标浏览器进行比较。指南选择照片文件格式照片格式取决于你优先考虑方便分享、网页文件大小，还是制作与编辑流程的要求。选择网页图像格式选择格式前，先确定要提供的图像类型，以及哪些浏览器和工具必须支持。相关格式与延伸阅读图像透明度透明区域能让背景透过图像显示。应确认格式和目标应用是否保留 Alpha 通道；普通 JPEG 不支持透明度。无损与有损压缩无损压缩可以还原原始数据；有损压缩则舍弃部分信息以减小文件。若以后还要编辑，请保留合适的源文件。参考资料与规范W3C — SVG 2W3C — Portable Network Graphics (PNG) Specification (Third Edition)