在WebKit上显示大背景SVG？

Question

我的网站背景有一个大的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.我想保持尺寸大,以便图像很好地扩展.

Answer 1

您可以使用https://github.com/svg/svgo （节点）之类的工具来优化 SVG ，它会减少文件大小，有时还会缩短渲染时间。

遗憾的是，Safari 现在使用 SVG 速度非常慢。