Base64 / Data URI 图片:优缺点

Base64 data URI 把图片作为文本直接嵌进 HTML 或 CSS，而不是链接到单独文件。

优点

• 省一次 HTTP 请求——对本来要单独下载的小图标很方便。
• 自包含——图片随标记一起传输。

缺点

• Base64 会让数据变大约 33%。
• 它无法被单独缓存，所以每次加载页面都重新下载。
• 大段 Base64 会撑大 HTML、拖慢首次渲染。

经验法则

只内联极小的图片（几百字节——简单图标）。再大就保留为真实的压缩文件。延伸：浏览器缓存技巧。