我們知道任何圖片都可以通過base64編碼（或稱為Data URL），將文件變成一串字符串。這樣對(duì)網(wǎng)站站長(zhǎng)來說，服務(wù)器中就不需要存放圖片文件了，而是可以將圖片寫進(jìn)網(wǎng)頁(yè)HTML文件中。可以節(jié)省大量的服務(wù)

我們知道任何圖片都可以通過base64編碼（或稱為Data URL），將文件變成一串字符串。這樣對(duì)網(wǎng)站站長(zhǎng)來說，服務(wù)器中就不需要存放圖片文件了，而是可以將圖片寫進(jìn)網(wǎng)頁(yè)HTML文件中。可以節(jié)省大量的服務(wù)器請(qǐng)求。本文分享給大家如何通過Chrome瀏覽器，無需編碼和編程知識(shí)，直接得到圖片文件的Base64代碼。

步驟1：使用Chrome開發(fā)者工具審查元素

首先，用Chrome瀏覽器打開網(wǎng)頁(yè)，在需要得到Base64編碼的圖片位置，右擊圖片，點(diǎn)擊“審查元素”。

步驟2：在資源面板中查找Base64編碼

進(jìn)入Chrome開發(fā)者工具面板后，右擊圖片地址，點(diǎn)擊菜單“Open link in Resources panel”，或直接點(diǎn)擊Chrome開發(fā)者工具面板中的Resources面板。

在舊版的Chrome瀏覽器中，這時(shí)右側(cè)會(huì)直接顯示出所查圖片的Base64編碼。

在新版瀏覽器中，由于性能原因，不會(huì)直接顯示出圖片的Base64代碼。但是，可以右擊右側(cè)圖片，點(diǎn)擊其中的“Copy image as Data url”。這樣圖片Data URL的Base64代碼，就可以復(fù)制到操作系統(tǒng)的剪貼板中了。

步驟3：在地址欄中查看圖片

其實(shí)，也可以直接將Base64編碼復(fù)制到Chrome瀏覽器的地址欄中，然后按下回車鍵，即可看到圖片了。

這樣，通過Chrome瀏覽器，就可以方便地轉(zhuǎn)換和查看圖片的Base64編碼，而無需編碼和編程知識(shí)。