base64 编码图像是否比 Intranet 中的常规图像更好？
Is base64 encoded images better than regular images in an intranet?
在我的公司，我们有一个内部网，我们的品牌网页文件总共可能有 20 个 small 图片（基本上是图标）和一堆 js 和 css 文件。我想尝试完全优化性能。我已经完成了所有基本技巧，例如缩小和合并。但是现在对于图像，我想知道最好的方法是什么，因为它是一个具有快速内部下载速度（快速 wan）和双核 i7 计算机的内部网。它的主要 6 个办事处分布在加拿大和美国。
我想到了一个方法，我使用一个工具自动将每张图片转换为base64编码，然后将它们放入js或css文件中。然后用工具把css塞到js文件里。现在我只剩下 1 个 js 文件，它包含所有 css 和 base64 字符串，大约 350KB。另外由于是1个js文件，所以可以在服务端和客户端缓存。
有谁知道这有什么优缺点，可以做些什么来进一步改进？
谢谢
使用 base64 并不能真正压缩您的图像，它只是使它不依赖于文件。它实际上使图像更大。
保存图像 space 的一个好方法是使用 sprite sheet，并使用在线图像压缩器压缩图像。
我建议只使用图像本身。如果必须的话，也许可以压缩它们。
20张图片，高速内网总大小350KB。
在这种特殊情况下，您花在优化上的时间价值似乎超过了最终结果带来的好处。
如果您想将其归结为单个 http 请求，请获取一个 php 文件以将它们转换为 base64 数据 url 并将它们嵌入到您的源文件中。
您也可以使用 JSON 文件并通过 JS 加载它。那里会有图片延迟加载的效果。
在我看来，在这种情况下最好的是普通 img 标签。
在我的公司，我们有一个内部网，我们的品牌网页文件总共可能有 20 个 small 图片（基本上是图标）和一堆 js 和 css 文件。我想尝试完全优化性能。我已经完成了所有基本技巧，例如缩小和合并。但是现在对于图像，我想知道最好的方法是什么，因为它是一个具有快速内部下载速度（快速 wan）和双核 i7 计算机的内部网。它的主要 6 个办事处分布在加拿大和美国。
我想到了一个方法，我使用一个工具自动将每张图片转换为base64编码，然后将它们放入js或css文件中。然后用工具把css塞到js文件里。现在我只剩下 1 个 js 文件，它包含所有 css 和 base64 字符串，大约 350KB。另外由于是1个js文件，所以可以在服务端和客户端缓存。
有谁知道这有什么优缺点，可以做些什么来进一步改进？
谢谢
使用 base64 并不能真正压缩您的图像，它只是使它不依赖于文件。它实际上使图像更大。
保存图像 space 的一个好方法是使用 sprite sheet，并使用在线图像压缩器压缩图像。
我建议只使用图像本身。如果必须的话，也许可以压缩它们。
20张图片，高速内网总大小350KB。
在这种特殊情况下，您花在优化上的时间价值似乎超过了最终结果带来的好处。
如果您想将其归结为单个 http 请求，请获取一个 php 文件以将它们转换为 base64 数据 url 并将它们嵌入到您的源文件中。
您也可以使用 JSON 文件并通过 JS 加载它。那里会有图片延迟加载的效果。
在我看来，在这种情况下最好的是普通 img 标签。