Base64图像转换 - 为什么？

Question

我有一个png的列表，我在我的css中引用如下：

.nav-questions:before {
        background: url('../../../assets/images/nav-icons/question-list-icon-grey.png') no-repeat;
        width: 25px;
        height: 19px;
    }

一些图像呈现而一些图像不呈现，我只能将其视为发现工具中的差异。渲染的图像具有base64编码，但这是如何实现的，或者为什么其他图像不能渲染？

查看屏幕截图示例：

的Base64

非base64

Answer 1

图像实际存在，但这不是你要求它们的方式。开发网站时，浏览器连接到服务器，该服务器发送资产：HTML页面，CSS文件和图像。浏览器不允许直接访问用户的文件系统，这将是一个可怕的安全漏洞。他们只访问服务器愿意发送的任何资源。因此，您需要设置一个服务器并通过浏览器中的localhost:port连接到该服务器。然后服务器将提供图像（当然，您也必须编写此部分）。