4

私は、背景や前景のイラストにかなりの数の大きくて複雑な画像を使用するWebアプリに取り組んでいます。スケーラビリティと動的な相互作用が可能であるため、ラスターグラフィックスの代わりにSVGを使用することに傾倒しています。しかし、より大きな画像のいくつかは非常に複雑です(Inkscapeで描かれた数千のパス)。

そのようなサイズのSVG画像を使用することは(パフォーマンスの観点から)どれほど実用的でしょうか?PNG画像を使用している場合よりもページが大幅に遅くなりますか?ダウンロードとレンダリングの速度に違いをもたらす特定の手法(たとえば、ある埋め込みアプローチを別のアプローチに重ねる)はありますか?

4

1 に答える 1

0

ビュー ポートのサイズに合わせてパス データを単純化できます。一部の非表示要素は DOM ツリーに出力すべきではありません。GoogleマップもSVGを使用しており、非常にうまく機能します。

于 2013-01-26T10:53:41.263 に答える