《网站速度优化新招数：使用data类型图片》文章已经归档，站长之家不再展示相关内容，下文是站长之家的自动化写作机器人，通过算法提取的文章重点内容。这只AI还很年轻，欢迎联系我们帮它成长：
那么有什么可以替代雪碧图，同样达到减少HTTP请求的目的呢？答案是：data类型图片...
例如对于img这个Tag，哪怕这个图片非常非常的小，小到只有一个点，也是要从另外一个外部的图片文件例如gif文件中读入的，如果浏览器实现了data类型的Url格式，这个文件就可以直接从页面文件内部读入了...
将图片数据base64编码后，在前面加上：data:image/jpeg;base64，（其中的jpeg请替换成您自己的图片类型），即可使用于CSS文件（直接将CSS文件当中的图片路径替换为处理后的字符串即可，可以参考一下上面的图片）...
data类型图片有一个缺点，就是data类型图片相比于文件图片的体积会大三分之一左右...
......
本文由站长之家用户“5177game.com”投稿，本平台仅提供信息索引服务。由于内容发布时间超过平台更新维护时间，为了保证文章信息的及时性，内容观点的准确性，平台将不提供完整的内容展现，本页面内容仅为平台搜索索引使用。需阅读完整内容的用户，请联系作者获取原文。
（举报）
