在线图片转base64,图片转base64,base64 图片,data:image/png

WEB前端 无名氏 4290℃ 百度已收录 扫描二维码

优点:在线将图片转化为base64编码,在css中,可以减少HTTP请求数
缺点:css代码臃肿
链接:http://www.motobit.com/util/base64-decoder-encoder.asp
使用方法:

#goTopBtn { background:url("data:image/png;base64,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") no-repeat;}

本文固定链接:成事博客在线图片转base64,图片转base64,base64 图片,data:image/png
喜欢 (1)分享 (0)