【问题标题】:Is it safe to use base64 encoded images for web, Advantages and Disadvantages?将 base64 编码的图像用于 Web 是否安全,优点和缺点?
【发布时间】:2012-06-25 11:46:49
【问题描述】:

在网页设计中使用 base64 编码的图像是否安全,它的性能比较如何?优缺点?

【问题讨论】:

  • base64 流比二进制流重约 33%。
  • 在什么情况下?你是说把base64图片直接放到页面里吗?
  • 想知道为什么 some1 会这样做。如果性能是您的主要标准,CDN 可以提供帮助
  • 它可能在某些方面看起来更干净,只有一个 html 文件并且没有依赖关系。

标签: html base64 image frontend


【解决方案1】:

base64 流比二进制流重约 33%(如果您认真对待性能,则不考虑通过 http 进行的 gzip 压缩)。

如果你把base64图片直接放在一个页面中,是不会单独缓存的。因此,对于使用此图像而不是使用 URL 作为键可缓存的所有页面来说,这将是沉重的。您可能认为它有助于保持较低的请求数,但实际上在用户缓存中还有图像的正常情况下它是无用的(如果您有很多图像,请使用 css sprite 来减少请求数)。

我认为没有理由使用 base64 图像,除非解决特定的技术问题,例如以 json 格式发送图像,或仅保存一个 html 文件 - 然后检查您是否真的需要使用 base64图片。

【讨论】:

  • 有趣的是,Visual Studio Web Essentials 添加了这个“功能”来将图像转换为 base64 - 它只是鼓励不良做法,最好从优化的 CDN 提供图像
猜你喜欢
  • 2012-07-28
  • 1970-01-01
  • 2023-03-20
  • 2014-04-30
  • 2020-09-26
  • 2014-02-03
  • 1970-01-01
  • 2018-04-14
  • 2012-01-11
相关资源
最近更新 更多