base64在网页css和的运用

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

###为什么我们要对图片base64编码

base64是当前网络上最为常见的传输8Bit字节代码的编码方式其中之一。base64主要不是加密，它主要的用途是把某些二进制数转成普通字符用于网络传输。由于这些二进制字符在传输协议中属于控制字符，不能直接传送，所以需要转换一下。虽然图片可能直接传输，但是我们也可以将它变成字符串直接放在源码里，而不需要浏览器在读取到源码后再从服务器上下载。

如何对图片进行base64编码

PHP

<?php
// 说明：浏览该文件将看到N多行字符串
$file= 'upall.gif';
$fp  = fopen($file, 'rb', 0);
echo  chunk_split(base64_encode(fread($fp,filesize($file))));
fclose($fp);
?>
HTML

<img  src="data:image/gif;base64,R0lGODl(这里省略部分BASE64字符串)CAgAOw=="/>

css

background:url("data:image/gif;base64,R0lGODl(再省略部分字符)CAgAOw==");

js

来源：oschina

链接：https://my.oschina.net/u/2889389/blog/734583