SVG
图片格式可缩放矢量图形
SVG（Scalable Vector Graphics）是 W3C 于 2001 年发布的基于 XML 的矢量图形格式，任意缩放不失真、可用 CSS/JS 交互，是图标与图表类图形的首选格式。
什么是矢量图形
位图记录每个像素的颜色，SVG 记录"怎么画"：用 path、circle、rect 等指令描述形状，由渲染器实时计算像素。因此放大一万倍依然锐利，文件大小与画布尺寸无关、与图形复杂度相关。SVG 1.1 于 2001 年成为 W3C 建议，现行主流是 SVG 1.1 Second Edition（2011），2.0 版 2016 年起部分落地。
Web 中的使用方式
四种常见用法：img 标签引用（不能交互）、CSS background、inline 内联（可用 CSS 改色、用 JS 操纵，最灵活）、symbol+use 复用图标。图标库（如常见的开源图标集）都以 SVG 分发，配合 currentColor 实现一键换色。
安全与体积
SVG 本质是 XML，可携带 script，因此用户上传的 SVG 是 XSS 风险面，服务端必须清洗（sanitize）后才能直接托管。设计软件导出的 SVG 常带编辑器元数据、冗余分组与无用小数位，体积可压缩 30–70%，上线前应过一遍优化工具（svgo 类）。