将图像显示为src =“data：image / jpg; base64，...？

Question

我有两种方法可以在我的网页上显示图像。 一种方法是在src属性中简单传递到图像的路径。

第二种方法是在src属性中传递数据

将来会出现任何问题吗？或者第二种方法的页面加载时间更长？

建议请。

Answer 1

在页面中加载图像的速度较慢（较大的html文件），但整体速度较快（对服务器的请求较少）。请注意，IE7及更低版本不支持此功能，IE8不支持超过32k的图像。 （Source）base64中的编码也会将图像大小增加1/3。 （Source）

在我看来，CSS文件中的图标，偶尔的小缩略图等都是有意义的。但是应该正常加载几个大图像。

Answer 2

如果您有路径：使用它。
首先，数据不是标准数据，因此无法保证数据有效 其次，您可以免费使用缓存管理，而无需编写任何代码。

Answer 3

是的，第二种方法比第一种方法慢8倍。这是base64编码。

我使用base64来做小图片，这样做的好处是它们可以存储在数据库中。在缩略图，个人资料图片等内容中使用它们......任何大约100或200 KB的内容

编辑：抱歉我的不好......文件大小增加了37％base64