图像无法在Safari浏览器中渲染

Question

我通过将src属性设置为base64字符串来在html中显示图像。它适用于Chrome，Firefox，IE和Edge，而Safari则无法渲染图像。

<img alt="image" src="data:image/file.jpg;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />

非常感谢您的回复。

Answer 1

对于使用base64字符串形式提供的src渲染图像，Safari似乎有点挑剔。有报道称base64字符串的长度应被3或4整除。在这种情况下，您将用一个，两个或三个等号填充该字符串，并检查图像是否在Safari中呈现。但就我而言，这行不通。然后，我使用了其他工具将最初的png图像文件转换为base64。令人惊讶的是，这解决了问题。最初的转换（不是由Safari正确呈现的）是在onlinepngtools.com上完成的，第二个转换（在工作）是在base64-image.de上完成的。为了使其更有趣-在onlinepngtools.com上转换的所有其他小png图像均已在Safari中正确显示。因此，请尝试用等号填充base64 src字符串，然后使用其他转换工具。