iOS SafariのSVGファイルサイズ制限

Question

IMGタグを使用してSVGファイルを表示するモバイルサイトを開発中です。 SVGファイルは約500 KBです。 Android版のFirefoxとChromeでは、画像は問題なくレンダリングされます。しかし、iOS Safariでは疑問符のついた恐ろしい小さな青色のボックスしか表示されません。

私は、iOSの画像ファイルのサイズに制限があることを認識しています。 AppleのSafari Web Content Guideによると：

復号化されたGIF、PNG、およびTIFF画像の最大サイズは256 MB未満のRAMを持つデバイスのための3メガピクセルおよび以上より256 MBのRAMを持つデバイスのための5メガピクセルです。

つまり、RAMの容量が256 MB未満のデバイスでは、幅*高さが3 * 1024 * 1024であることを確認してください。デコードされたサイズは、画像の符号化されたサイズよりはるかに大きいことに注意してください。

私はSVGファイルのサイズには限界があると想像していますが、ベクトル化されているので、デコードされたピクセルの観点からサイズを記述するのは実際には意味がありません。誰もSVGファイルの制限がどのように決定されているか知っていますか？

P.S. HTMLページではなくSVGファイルを直接ブラウズすると、画像を見ることができます。私はIFRAME内のSVGファイルを見ることもできます。しかし、IMGタグを使用していません。

Answer 1

さまざまなサイズのテスト用SVGファイルをいくつか作成しました。 iPhone 5や第三世代iPadをエミュレートするBrowserStackを使用し

<?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> 

、私は降伏点がどこかに2200x2200と2400x2400ピクセルの間であることがわかった：彼らはこのようになります。 5メガピクセルの制限は2289x2289のイメージに対応しているため、レンダリングされたサイズが重要であることを示すDuopixel's commentと一致しています。