SVG比较小的SVG更好的质量?

时间:2014-05-23 17:17:16

标签: image css3 svg

更大的svgs是否比较小的svgs包含更多细节?我的意思是,为网络或小网站导出更大的svgs是否更好?我知道小的加载更快,并且在调整大小时不会失去任何质量,但只是想知道更大版本是否有任何缺点。

4 个答案:

答案 0 :(得分:3)

这有点我想说的。如上所述here

  

此规范定义了可伸缩向量的功能和语法   图形(SVG)版本1.1,一种用于描述的模块化语言   XML中的二维矢量和混合矢量/光栅图形。

  • 如果您的导出程序压缩包含/引用的光栅图像,那么当然会降低质量。

  • 仅对于矢量图形,可能只会减少小数位,这可能会减少到某个点,而不会出现“可见”的质量损失/细节变化。

  • 如果您只有矢量图形且不更改小数位,则图形的较小svg导出应仅删除冗余并压缩代码。

可以找到最后一种情况的优化示例here以及一些更具体的信息here

答案 1 :(得分:1)

SVG是vectordata,您导出的尺寸根本不会影响质量。您可以稍后调整大小,您的输出介质(屏幕)可以提供最佳质量。

答案 2 :(得分:1)

质量没有差别......无论大小......您可能谈到的唯一区别是细节数量,这会增加实际文件大小,从而增加浏览器的加载时间。但无论大小如何,质量总会很好。

答案 3 :(得分:0)

一些事情会影响SVG的文件大小,但它们都与其中描述的信息的数量,复杂性,精确性和冗余性有关。例如,rect x =“100”y =“200”width =“200”height =“300”而rect x =“10”y =“20”width =“20”height =“30”将取决于在显示尺寸上,即使后者需要四个字节(如果说ascii)指定。 SVG路径,描述中国和蒙古之间的边界,其中有4000个坐标(因为定义这些区域的条约可能会指定)将比仅有400个点的边界更笨重,尽管后者不太精确。如果在Illustrator或Inkscape等程序中手动创建SVG,则输出中可​​能经常会出现冗余:已定义且从未使用过的渐变,在路径中多次指定的点,如d =“0 0 0 0 100 100 100 100 ...“ - Inkscape有一种简化输出的方法,因此它有一点点瑕疵,并且有一块免费软件已经存在了十年左右,可以帮助消除这种瑕疵。程序往往比大多数人或软件需要输出更多的小数精度,因此使视觉受损者无法访问基础几何图形:在毫微微米中绘制一个精确的矩形可能有点过度杀伤并占用空间在输出中。基本上,虽然其他响应的人是正确的,但通常正方形是正方形是一个正方形,占用50个字节的存储比占用50千字节的存储要好!