Base64图片的使用方法

写在前面

项目中,首页的背景图(600KB), 半天请求不到数据。


Base64图片的使用方法_第1张图片
get不到

无奈之下,开始压缩图片。

PicDiet压缩中文版​

嗯...压缩完成后,200KB左右,找到运维更新了代码,翘首以待。竟然还请求不到背景图!


Base64图片的使用方法_第2张图片
错误界面

好的呢,还有办法,不去请求资源,咱使用base64。

base64图片的获取

有很多在线转换工具,google一下会有很多。

站长工具

base64的使用方法



.header {
    background-image: url(data:image/png;base64,iVBORw0...);
}
Base64图片的使用方法_第3张图片
css中的base64写法

 
    
后来的css

你可能感兴趣的:(Base64图片的使用方法)