图片Base64编码

本文介绍了如何在HTML和CSS中通过base64编码直接使用图像数据URI,避免外部请求,提高加载速度。通过将图片转换为base64并内嵌到文档中,图片在下载后立即显示,无需额外的网络请求。
摘要由CSDN通过智能技术生成

https://www.codeeeee.com/image/base64.html#:~:text=%E7%9B%B4%E6%8E%A5%E5%BC%95%E7%94%A8%E5%9B%BE%E7%89%87%E7%9A%84%20URI%EF%BC%8C%E6%AF%94%E5%A6%82%20https%3A%2F%2Fwww.codeeeee.com%2F…%2Fcome.png%20%E5%B0%86%E5%9B%BE%E7%89%87%E7%BC%96%E7%A0%81%E4%B8%BA%20base64%EF%BC%8C%E6%8F%92%E5%85%A5%E5%88%B0%20html%20%E6%88%96%E8%80%85%20css,%28s%29%20%E8%AF%B7%E6%B1%82%E8%8E%B7%E5%8F%96%E5%9B%BE%E7%89%87%E5%86%85%E5%AE%B9%EF%BC%9B%E8%80%8C%E5%B0%86%E5%9B%BE%E7%89%87%E7%BC%96%E7%A0%81%E6%88%90%20base64%20%E5%86%99%E5%85%A5%E5%88%B0%E6%96%87%E6%A1%A3%E4%B8%AD%EF%BC%8C%E5%BD%93%20html%20%E6%96%87%E6%A1%A3%E4%B8%8B%E8%BD%BD%E4%B8%8B%E6%9D%A5%E5%90%8E%EF%BC%8C%E5%9B%BE%E7%89%87%E4%B9%9F%E9%9A%8F%E7%9D%80%E6%96%87%E6%A1%A3%E4%B8%8B%E8%BD%BD%E4%B8%8B%E6%9D%A5%E4%BA%86%EF%BC%8C%E4%B8%8D%E9%9C%80%E8%A6%81%E5%8F%A6%E5%A4%96%E5%8F%91%E9%80%81%E8%AF%B7%E6%B1%82%E3%80%82%20%E5%BD%93%E7%84%B6%EF%BC%8Cbase64%20%E5%90%8E%E7%9A%84%E6%95%B0%E6%8D%AE%E4%B8%80%E8%88%AC%E4%BC%9A%E6%AF%94%E5%8E%9F%E5%9B%BE%E7%9A%84%E5%A4%A7%E3%80%82

//在css里的写法
#fkbx-spch, #fkbx-hspch {
background: url(data:image/gif;base64,R0lGODlhHAAmAKIHAKqqqsvLy0hISObm5vf394uLiwAAAP///yH5B…EoqQqJKAIBaQOVKHAXr3t7txgBjboSvB8EpLoFZywOAo3LFE5lYs/QW9LT1TRk1V7S2xYJADs=) no-repeat center;
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值