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 (node) 之类的东西优化 SVG ，它会减少文件大小，有时会提高渲染时间。

可悲的是，Safari 现在使用 SVG 速度非常慢。

于 2013-05-18T17:52:05.227 回答