Javascript 网站背景对SVG的合理限制，或者关于为什么不加载SVG的想法？

我假设以下是图像大小的结果：

我有两个10MB的SVG（是的，它们很大），是一个图形设计师给我的，它们应该作为客户端登录页的背景图像。这是一个相当复杂的图形，我认为不适合SVG。我曾尝试以各种方式调用它们，但都没有成功，并且有几个（非常小的）svg图像可以毫无问题地呈现，通过以下方式调用到DOM中：

<img id="logoImg" src="SvgLogo.svg" alt="OurLogo">

---

我想拥有10MB的图像是有问题的，因为其他原因（尽管我还没有gzip）；但是，如果尺寸是我的问题的根源，有人有什么想法吗

10MB svg肯定是个问题

如果你不需要透明度，gif是一种很好的可压缩格式

如果你需要透明度，你可以拍摄.png，但会比gif稍大一些

也当你出口；确保正确的尺寸适合网站。不要在图像标记中使用宽度和高度

---

如果你使用png，那么你可以使用pngcrush之类的程序

是的，我就是这么想的。让制图员给我发了一些.png图像，这样我就可以有透明度了。它们以每片700KB的速度出现，因此SVG绝对是错误的格式。谢谢你的帮助。设计师使用了什么来创建SVG？大多数编辑（尤其是Illustrator）会向SVG添加大量额外的积垢，这些积垢可以移除，从而使SVG变得更小。此外，您还可以gzip SVG以进一步减少它。如果你不能把它缩小到与PNG相似的大小，我会很惊讶。