如何在 CSS 中使用 Base64 图片

.icon {
  background-image: url('data:image/webp;base64,UklGR...');
  background-size: contain;
  background-repeat: no-repeat;
}

使用带引号的 URL

在 url() 中用引号包裹完整 Data URL，可避免解析问题，也便于复制声明。

用于装饰图片

CSS 背景没有 alt 文本，因此有内容含义的图片通常应改用 HTML img 元素。

衡量取舍

内嵌可以减少一次请求，但会增大样式表且图片无法单独缓存。应优先用于页面专用的小资源。