编码图像的使用

时间:2014-03-12 08:32:22

标签: html css image base64

最近我发现了编码图像(base64字符串),看起来真的很棒。我对此几乎没有疑问:

  1. 我应该对所有图片进行编码吗?
  2. 如果我有照片编码,我是否必须将照片保存在我的网站的某个目录中?
  3. 这要快多少?是否真的值得转换每个图像并将其用作字符串?
  4. 如果我有一个图库,我应该使用编码图像,还是只保留它,这会导致数百个HTTP请求?
  5. 提前致谢!

2 个答案:

答案 0 :(得分:2)

我应该将所有图片编码吗?

,某些浏览器有限制

来自Mozilla Developer Network

  

虽然Mozilla支持基本上无限长度的数据URI,   浏览器不需要支持任何特定的最大长度   数据。例如,Opera 11浏览器将数据URI限制为周围   65000个字符。


如果我有照片编码,我是否必须将照片保存在某个目录中的我的网站上?

,如果您对原始图片进行编码,则不会需要原始图像,而只需要编码的字符串。


这要快多少?是否真的值得转换每个图像并将其用作字符串?

它会为您节省 http 请求,而且您不应该转换每张图片。


如果我有一个图库,我应该使用编码图像,还是只保留它,这会导致数百个HTTP请求中的某些情况?

,您不应该看一下lazy loading

答案 1 :(得分:1)

  

我应该编码所有图像吗?

不一定。如果您使用base64编码,图片的大小通常比原始资源增加~33%,则它们不会像常规图像一样缓存,而是始终需要转换为图像。

因此,最好使用这种技术来减少一些小图像的请求数量。此外,像[{1}}这样的旧版浏览器不接受base64编码

  

我有一张照片编码,我是否必须将照片保存在某个目录中的我的网站上?

没有

  这是多快多快?是否真的值得转换每个图像并将其用作字符串?

不,请参阅第一个答案

  

如果我有一个图库,我应该使用编码图像,还是只保留它,这会在某些情况下导致数百个HTTP请求?

我不推荐这个。您应该考虑使用图像预加载器或延迟加载