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，我试图弄清楚它实际上应该在那里显示什么。有人能帮忙吗？

您看到的是base64编码的图像。您可以对其进行解码，并将其写入扩展名为.png的文件中，以查看其内容。CSS中base64编码图像的优点是，它们可以减少浏览器在加载页面时必须向web服务器发出的请求数量。

您看到的是base64编码图像。您可以对其进行解码，并将其写入扩展名为.png的文件中，以查看其内容。CSS中base64编码图像的优点是，它们可以减少浏览器在加载页面时必须向web服务器发出的请求数量。

哦，好的，这样就不会从其他网站或类似网站调用外部图像，对吗？很抱歉我不能早点回复-直到最近我才有评论权限。是的，如果您在CSS或HTML中有base64编码的图像，浏览器不必从其他网站获取它（即使图像位于您自己的网站上也适用）。当您在CSS或HTML文件中包含base64图像时，您是在同一请求中提供图像，即web浏览器不必向web服务器发出另一个请求来获取图像。您可以在HTML或CSS（base64编码）中包含小图像，以减少到web服务器的往返次数。哦，好吧，这样就不会调用来自其他网站或类似网站的外部图像了，对吧？很抱歉，我之前无法响应-我直到最近才有评论权限。是的，如果您在CSS或HTML中有base64编码的图像，浏览器不必从其他网站获取它（即使图像位于您自己的网站上也适用）。当您在CSS或HTML文件中包含base64图像时，您是在同一请求中提供图像，即web浏览器不必向web服务器发出另一个请求来获取图像。您可以在HTML或CSS（base64编码）中包含小图像，以减少到web服务器的往返次数。@Mihir在发布问题后15分钟左右您才能接受答案。@Mihir在发布问题后15分钟左右您才能接受答案。