Base64在css中？如何查看代碼

在CSS文件的腳本，我買我看到有我有些擔心三行：Base64在css中？如何查看代碼

.h5video .control-panel { height: 45px; width:100%; line-height: 45px; bottom: 0px; left: 0px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAtCAYAAABvewHEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEdJREFUeNpiYGBg2Mzg6+v7iunu3bt/mIBcBqb///8jE//+/cPOJZaFkwDbxggEIOI/iGCAE4wQFhAw4GIxYZWFcSEGAAQYAB5zRmw2StEiAAAAAElFTkSuQmCC") repeat-x scroll 0 0 transparent; position: absolute; } 


.h5video .control-panel .seek-bar-guage { height: 7px; background: url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAAAAAAdccqdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUCB1j+M/0g+kr02emj0D4mekrAD41B7hJ9Jz5AAAAAElFTkSuQmCC") repeat-x scroll 0 0 transparent/* #C9DD1A */; width: 0%; left: 0px; z-index: 2; position: absolute; z-index: 0; } 
.h5video .control-panel .seek-bar-buffer { height: 7px; width: 0px; top:0px; left: 0px; position: absolute; z-index: 0; background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAIAAAC3eAIWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACFJREFUeNpiyMrKYvrz5w/Tr1+/wPjnz59w/Pv3b4AAAwBFtxXP00sbFwAAAABJRU5ErkJggg==); }

這些在編碼的所有節目Base64和我試圖找出什麼它實際上應該在那裏展示。有人能幫忙嗎？

來源

2013-07-06 Anthony Morssy

@Mihir你不能接受答案，直到發佈問題後15分鐘。 –

你看到的是base64編碼圖像。您可以解碼它們，並將它們寫入帶有.png擴展名的文件以查看其內容。 CSS中的base64編碼圖像的優點是，它們可以減少瀏覽器向Web服務器加載頁面的請求數量。

來源

2013-07-06 06:24:48

噢好吧，這樣就不會調用來自其他網站的外部圖像或類似的東西，對吧？ –

對不起，我無法提前回復 - 直到最近我還沒有評論權限。是的，如果您在CSS或HTML中使用base64編碼的圖像，則瀏覽器無需從其他網站獲取圖像（即使圖像位於您自己的網站上也適用）。當您在CSS或HTML文件中包含base64圖像時，您在同一請求中提供圖像，即Web瀏覽器不必向Web服務器發出另一個請求來獲取圖像。您可以在HTML或CSS（base64編碼）中包含小圖像以減少往返於Web服務器的往返次數。 –

Base64在css中？如何查看代碼

回答

相關問題