1. 图像文件（PNG、SVG等）
位图
- 优点:
- 支持透明度。
- 浏览器兼容性好。
- 渲染速度快，适用于简单和复杂的图像。
- 缺点:
- 不可缩放，放大会失真。
- 文件较大，可能会影响加载速度。
SVG
child::SVG 可缩放矢量图形
2. Icon Fonts
child::图标字体
3. CSS Sprites
child::精灵图
选择方法的建议
- 简单图标：优先选择SVG（文件或Inline），因其可缩放性和易样式化。
- 大量图标：Icon Fonts或CSS Sprites是不错的选择。
- 兼顾性能：CSS Sprites和Inline SVG表现良好。
- 快速开发：Icon Fonts因其便捷性和现成图标库的丰富性，常用于快速开发。 每种方法都有其适用的场景和限制条件，选择适合你项目需求的方法可以提高开发效率和用户体验。