有人跟我说用svg可以转base64用于background-image
做个小知识点记录,没啥~
1、svg转base64
转换链接:https://www.sojson.com/image2base64.html
2、使用两者区别
(1)使用一个63.8k的svg与使用转base64之后的两个文件
a、使用svg
b、使用base64
(2)使用一个225k的svg与使用转base64之后的两个文件
a、使用svg
b、使用base64
3、svg转base64有什么好处吗?
(1)减少http请求
(2)脱离与图片文件的关系
4、svg转base64坏处呢?
(1)svg文件越大造成使用转码后的文件体积越大
(2)代码显臃肿
(3)如果发生手误删除编码中的几个字符,难以恢复,需要重新转码
5、总结
两者使用在不同分辨率下放大缩小都不会失真或者变模糊,建议不要使用svg转base64
6、后续(只是记录)
跟我说的人是在做微信小程序的,因为微信小程序可以运行在多个平台上,各个平台的实现原理也是不一样的,在background-image的使用上,小程序只能用外链或者是base64,不能使用本地资源,因为在真机上会有问题。所以他才用svg转base64。记录over!