image - SVG 对于网络上高度复杂的插图是否实用？

Question

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

使用这种尺寸的 SVG 图像（在性能方面）有多实用？与使用 PNG 图像相比，它会使我的页面显着变慢吗？是否有特定的技术（例如，一种嵌入方法优于另一种）会影响下载和渲染速度？

Answer 1

您可以简化路径数据以适合您的视口大小。一些不可见的元素不应该输出到 DOM 树。谷歌地图也使用 SVG 并且运行良好。