Image SVG是否适用于web上高度复杂的插图？

我正在开发一个web应用程序，它使用大量复杂的大型图像作为背景和前景插图。我倾向于使用SVG而不是光栅图形，因为它的可伸缩性和允许的动态交互。但一些较大的图像非常复杂（数千条路径，在Inkscape中绘制）

---

使用这种大小的SVG图像（在性能方面）有多实际？它会使我的页面比使用PNG图像时慢很多吗？是否有特定的技术（例如，一种嵌入方法优于另一种嵌入方法）会对下载和渲染速度产生影响？

您可以简化路径数据以适合您的视图端口大小。 某些不可见元素不应输出到DOM树。

---

Google map也使用SVG，并且运行得非常好。

当然，渲染如此复杂的矢量图形要比渲染位图慢，但渲染速度是否可以接受取决于很多因素。为什么不在本地设置一个web服务器，在页面上添加一个SVG图像，然后在一系列浏览器中尝试呢？这将给你一个想法，如果加载/渲染时间是好的。我已经开发了这个网站，它使用重蒙面视差为基础的背景SVG，但当我建立了新的部分，它开始落后地狱。。。我认为SVG不适合复杂的布局。如何将不可见的元素排除在DOM树之外？