1

好的，所以我想知道你们中是否有人知道是否可以在 html 代码中保存图像，这样您就不必从网站上的其他地方加载它？我正在制作一个网站，当我上传图片时，我突然想到了......

4

3 回答 3

2

可以使用 Data Uris 将图像直接编码到 HTML 文件中。但是，您不想对图像执行此操作，因为它会导致图像占用更多空间，从而使您的网站加载速度变慢。

见这里：嵌入 Base64 图像

此外，如果图像是单独的文件，现代网络浏览器将通过第二个网络连接并行加载，因此如果您有多个图像，它们可以同时下载。

于 2013-08-30T22:52:58.850 回答
2

这可以使用您放置的数据 URL 而不是通常的 URL。
这里有更多信息和数据 URL 生成器。

于 2013-08-30T22:53:16.527 回答
0

可以将图像内容编码为“数据 uri”，现代浏览器可以将其解码为要显示的图像。

请注意，这会使您的[src]属性非常大并且您的 HTML 文件难以处理。浏览器将无法缓存作为data:URI 加载的资源，因此如果在多个页面上多次使用相同的图像，则会显着降低性能。

这是文件图标的数据 uri 示例

于 2013-08-30T22:51:11.523 回答