base64在網頁css和的運用

###爲何咱們要對圖片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