Base64 编码知识,一文打尽!Base64图片能不能被缓存?
前端阳光
共 2339字,需浏览 5分钟
· 2022-06-14
点击上方 前端阳光,关注公众号
回复加群,加入技术交流群交流群
![](https://filescdn.proginn.com/c78241816dc468bc984564c11fc16652/1826f59224bcc0656ae45478c0d6f3b8.webp)
什么是 Base64
![](https://filescdn.proginn.com/a0c06a4ab06dee40835031b2c9b96368/d96d495e6d87c028a35ba3cf2000d128.webp)
图片的 Base64 编码
![](https://filescdn.proginn.com/c140dee5f15a9569e6de56692adfadea/6e20ffff091532e2982c5ff4c3058a38.webp)
为什么选择 Data URL
减少 HTTP 请求;
避免跨域问题;
可像单独图片一样使用,比如背景图片重复使用等。
Base64 编码的数据体积通常是原数据的体积 4/3,也就是 Data URL 形式的图片会比二进制格式的图片体积大 1/3
Data URL 形式的图片不会被浏览器缓存
加快加载小技巧
![](https://filescdn.proginn.com/d60149d21c5f787c018bc23620e16bfd/2ee3a6ae4912b7ba0cb450bcda6bd137.webp)
![](https://filescdn.proginn.com/a8e2d4eb213f19c2da143cbd525d8317/96d2687939ac6706eaa45735701251a5.webp)
往期推荐
我组建了技术交流群,里面有很多 大佬,欢迎进来交流、学习、共建。回复 加群 即可。后台回复「电子书」即可免费获取 27本 精选的前端电子书!回复内推,可内推各厂内推码
“分享、点赞、在看” 支持一波👍
评论