在网页里用 SVG：inline、img、背景图怎么选

方式一：内联 inline（功能最全）

把 <svg> 代码直接粘进 HTML。优点：CSS 能选中内部元素改色、加动画（见动画教程），currentColor 跟随文字颜色。缺点：代码占页面篇幅，同个图标用十次就重复十次（可用 <symbol>+<use> 复用）。图标、需要交互的图，选它。

方式二：img 标签（最省事）

<img src="logo.svg" alt="Logo" width="120">

当普通图片用，浏览器缓存友好。代价：CSS 改不了它内部的颜色和线条。适合 Logo、插画这类「放上去就不用动」的图。

方式三：CSS 背景图

.icon { background: url("icon.svg") center/contain no-repeat; }

适合装饰性小图标和按钮图标，同样改不了内部颜色（可以用 CSS filter 硬调，但效果有限）。

一句话选型