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中？如何查看代码

回答

相关问题