GUIDE深度 · Deep dive
Data URI 什么时候值得用?
Data URI 把图片写进文档,适合小图标、单文件 demo、邮件签名;缺点是体积 +33%、不能单独缓存、重复出现会重复传输。大图/多页共用图仍应用 URL。
适合
小于几 KB 的图标。
单文件 demo/邮件。
不适合
大图/照片。
多页面重复使用的图。
常见问题
Data URI 会被缓存吗?
随文档缓存,不能单独缓存。
SEO 有影响吗?
内联大图会拖慢页面;小图标影响小。
Data URI 把图片写进文档,适合小图标、单文件 demo、邮件签名;缺点是体积 +33%、不能单独缓存、重复出现会重复传输。大图/多页共用图仍应用 URL。
小于几 KB 的图标。
单文件 demo/邮件。
大图/照片。
多页面重复使用的图。
随文档缓存,不能单独缓存。
内联大图会拖慢页面;小图标影响小。