ios - iOS Safari 的 SVG 文件大小限制

Question

我正在开发一个使用 IMG 标签来显示 SVG 文件的移动网站。 SVG 文件约为 500 kB。该图像在 Android 版本的 Firefox 和 Chrome 中呈现正常。但是，在 iOS Safari 中，我只看到可怕的蓝色小框，里面有一个问号。

我知道 iOS 中的图像文件大小有限制。根据 Apple 的 Safari Web Content Guide :

The maximum size for decoded GIF, PNG, and TIFF images is 3 megapixels for devices with less than 256 MB RAM and 5 megapixels for devices with greater or equal than 256 MB RAM.

That is, ensure that width * height ≤ 3 * 1024 * 1024 for devices with less than 256 MB RAM. Note that the decoded size is far larger than the encoded size of an image.

我认为 SVG 文件的大小有一些限制，但由于它们是矢量化的，因此用解码像素来描述它们的大小并没有多大意义。有谁知道 SVG 文件的限制是如何确定的？

附言当我直接浏览 SVG 文件而不是通过 HTML 页面时，我能够查看图像。我还可以在 IFRAME 中查看 SVG 文件。但不使用 IMG 标签。

Answer 1

我制作了一些不同大小的测试 SVG 文件。它们看起来像这样:

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="2000" height="2000" xmlns="http://www.w3.org/2000/svg">
    <text x="100" y="100" font-size="50">2000x2000</text>
</svg>

使用 BrowserStack 模拟 iPhone 5 和 3rd Gen iPad，我发现故障点在 2200x2200 和 2400x2400 像素之间。 5 兆像素限制对应于 2289x2289 的图像，因此这与 Duopixel's comment 一致。说明渲染大小很重要。