レンダリングsvg vs image

Question

私は、1つのイメージをサムネイルとして複数回レンダリングする必要がある状況にあります。私はpngとsvgファイルの両方の画像を持っていますが、サイズは3kb未満です。

画像をpngまたはsvgファイルとしてレンダリングする方が速いかどうかを知りたいと思います。次の仮定を気にしてください：

• 私はPNGファイルを使用する場合、ネットワークの待ち時間
• を避けるために、サーバからレンダリングインラインパスとしてsvgsを使用するように計画していますが、彼らは一度だけネットワークからロードされます後続のリクエストがブラウザのキャッシュに当たってしまいます。
• 前述のように、イメージは次のようなリストに複数回読み込まれる必要があります。

Answer 1

SVGは本当に「ファイルサイズが同じである」場合には任意のより速くまたは遅くロードが、古いブラウザがネイティブSVGをサポートしていない可能性が覚えているが、彼らがそうであるようにSVGは通常のgzipの利点を作ることができるべきではありませんXMLファイル。

時にはシンプルなSVGはビットマップファイルよりも小さくなるので、読み込みが速くなりますが、これは純粋にフォーマットではなくファイルサイズと関係します。

さらに、優れたブラウザはSVGをサポートしていますが、通常、完全なSVG仕様をサポートするとは限りません。