与IMG标记相比,是否将SVG代码加载到未优化或慢速的HTML中?

时间:2016-11-12 00:35:16

标签: html css svg

网络的一个简单规则我最近采用了:保持DOM最小化。 我试图在DOM中插入尽可能少的元素,但现在我必须插入一些SVG图像(大约30个)。

目前它们正被加载到img标签中,但我想将它们插入代码本身,所以我可以用类自定义一些颜色。

看一下SVG代码,我看过很多标签。如果我错了,请纠正我,这将成为DOM元素。

我的问题是,直接在我的HTML中加载代码会使我的页面比加载外部图像更重吗?如何测试我的"代码/ DOM权重"比较和评估这个?

1 个答案:

答案 0 :(得分:0)

在许多情况下,是的。 SVG可能很冗长,因此会压缩页面。但是,将SVG与实际图像进行比较是图像大小与您指示操作图像的方式之间的平衡。

与往常一样,唯一可以确定的方法是测量和测试。

但是你如何操纵图像的颜色?使用png或jpg,SVG很可能更容易做,也许很难或不可能。因此,可能已经为您做出了决定。