利用base64編碼圖片

我們知道一個網頁中，要展示圖片一般使用<img src="http://www.img.com/some.jpg" />，img標籤中的src屬性值為圖片的url鏈接，但是現在還有一種方式：

<img src="data:image/gif;base64,R0lGODlhAwADAIABAL6+vv///yH5BAEAAAEALAAAAAADAAMAAAIDjA9WADs（。。。太長省略了。。。）" />

這種方式顯示圖片有什麼好處呢？

1.減少了HTTP請求，加快頁面載入速度；

2.某些文件可以避免跨域的問題；

3.沒有圖片更新要重新上傳，還要清理緩存的問題；

如何獲取圖片的base64編碼呢？

下面以php作為示範，獲取圖片的base64編碼：

<?php

$img = '換成你自己的圖片絕對路徑.jpg';

//獲取圖片信息，主要是取得圖片mime信息

$image_info = getimagesize($img);

//將file_get_contents讀取得到的文件流信息，進行base64編碼

$content = base64_encode(file_get_contents($img));

//組合拼接圖片的信息

$base64_content = 'data:'.$image_info['mime'].';base64,'.$content;

echo '<img src="'.$base64_content.'" />';

Advertisements

將上面的代碼保存為demo.php存放在伺服器根目錄，然後訪問此文件，會得到下面的效果

新手發文，請多指教！