5

サイトの背景に大きな SVG グラフィックを使用しています。ここで例を参照してください: http://jsfiddle.net/aAwgU/4/embedded/result/

body{
    background: url(http://www.thedavidcummings.com/images/html.svg) no-repeat fixed right;
    background-size: auto 100%;
}

Chrome と Firefox では問題なく動作しますが、Safari ではページの移動とブラウザ ページのサイズ変更が非常に遅く、iPhone ではページが完全にクラッシュします。これは Webkit のバグですか?

.svg をより WebKit 対応にする方法はありますか? それとも、画像を使用する必要がありますか？SVG は、ファイル サイズが小さい (わずか 7k) ため理想的です。私が作成できた最小の .png 相当は 150k でした。画像が適切に拡大縮小されるように、寸法を大きく保ちたいと思います。

4

1 に答える 1

1

https://github.com/svg/svgo (ノード) のようなものを使用して SVG を最適化できます。これにより、ファイルサイズが縮小され、レンダリング時間が改善される場合があります。

悲しいことに、Safari は現在、SVG を使用すると非常に遅くなります。

于 2013-05-18T17:52:05.227 に答える