今日のモバイル＆デスクトップブラウザでは「SVG Tiny 1.2」のパフォーマンス上の利点はありますか？

Question

（アーキテクチャプラン、数メガバイトの非圧縮形式）をウェブ上で最適に表示するには、のベストプラクティスを見つけようとしています。一般的に推奨されているSVG 1.1オプションIllustratorでの最適な選択です。私がこれまでに学んだことから、

は、スケーラブルベクターグラフィックスタイニー1.2仕様 ...

• は制限され、視聴者のサポートが、not anymoreを持っていました。
• はno effect on file sizeである。それを減らす最善の方法は、SVGOで不要な小数点以下を切り捨てることです。 - 最初の"baseprofile" parameter以外のSVG Tiny 1.2ファイルは、SVG 1.1として保存された同一のベクターグラフィックと構造的にはそれほど違いはありません。
• には、他のSVGフレーバでは利用できないものがあります。additional featuresがあります。
• はsimplified DOM、はクリッピング、マスク、シンボル、SVGフィルタエフェクトなどのプロセッサ集中型の計算を破棄します。

だから、最後の点に関しては、私は疑問に思う：今日のブラウザです - 特にスマートフォンで - ことに、より効率的にSVGタイニー1.2ファイルをペイントしをので速く、彼らは少ない処理リソースを割り当てたりすることができていることを知っています特定のレンダリングステップを省略しますか？

Answer 1

ブラウザはほとんどがSVG 1.2の機能をスキップし、baseProfile属性とバージョン属性を完全に無視します。桜選ばれているSVG 1.2から

機能は次のとおりです。

• ベクトル効果非スケーリングストローク
• ビューボックス=「なし」

Firefoxは上記の両方をサポートしています他のUAがviewBox = "none"をサポートしているかどうかはわかりませんが

Answer 2

私はそう信じません。私は非常にブラウザのいずれかは、baseProfile="tiny" version="1.2"として自分自身をラベル付けするSVGの異なるコードパスを持っていることを疑う。

ブラウザでもbaseProfileがサポートされているかどうかはわかりません。多分@RobertLongsonがここにチャイムして確認します。

SVG 1.2は、実際にはブラウザで使用されていませんでした。実際、ほとんどのブラウザでサポートされている唯一のSVG 1.2の機能は、vector-effectプロパティです。