我正在开发一个网络应用程序,该应用程序使用相当多的大型复杂图像作为背景和前景插图。我倾向于使用 SVG 而不是光栅图形,因为它的可扩展性和它允许的动态交互。但是一些较大的图像非常复杂(在Inkscape中绘制了数千条路径)。
使用这种尺寸的 SVG 图像(就性能而言)有多实用?它会使我的页面比使用 PNG 图像慢得多吗?是否有特定的技术(例如,一种嵌入方法优于另一种)会对下载和渲染速度产生影响?
您可以简化路径数据以适合您的视口大小。一些不可见的元素不应该输出到 DOM 树。谷歌地图也使用SVG,运行良好。