我的SVG始终呈现比应该更小的“更小”

-1

我不确定这里发生了什么。我正在从Illustrator画板导出SVG。在棋盘上，它们的尺寸完全相同（这是一个图标集）。我的SVG始终呈现比应该更小的“更小”

但是，当我将它们设置为背景图像时，有一些将不会“填满”它们设置为在高度/宽度参数中占用的空间。

Here's一个jsFiddle展现我的意思。这些都是从Illustrator导出的相同的确切方式..如果您检查较小的一个，它会占用尽可能多的空间，就好像有一个内部填充。因此，即使它在CSS中的尺寸是width/height: 110px;的两倍，也很难定位，因为它会将其他元素推开。

我一共有6个图标用在这个集合中，其中4个完全一样。有4个像这样小的虽然&我不知道这是为什么。

来源

2017-08-29 little tiny man

https://graphicdesign.stackexchange.com/q/29967/23398和https://graphicdesign.stackexchange.com/q/71667/23398地址这 – Blazemonger

不，他们不 - 我的艺术板都是55x55。这些图标都具有相同的尺寸，以完全相同的方式导出。 –

icon12.svg表示它有一个'viewBox =“0 0 97 65.47”'。圆形背景只填充了一个'viewBox =“15.74 0 54.94 54.94”'。为什么这种情况是由Illustrator导出的问题，你不会在这里得到答案。 - 两个文件在背景中都包含base64编码的PNG（保龄球）。删除它们，这会将文件大小从当前2 MB减少到小于1 kB。 – ccprog

首先呼吁ccprog注意我在我的SVG文件中有一个嵌入PNG的前列腺按摩器。绝对打败了我使用SVG的目的。拿出来，而文件大小下降了2mb我仍然面临着我的原始问题。

如果有人对这里发生的事情有任何洞察力，那将是惊人的，但希望这可以帮助其他人解决这个问题。

我在使用Shopify的时候我注意到了这个，但是这似乎也影响了我的jsFiddle，所以我不认为它是特定于某些服务的（虽然我知道Shopify在压缩等方面做了很多东西））我曾尝试过在Illustrator中可以使用的所有导出选项。 this答案中的某人提供了有关正常保存而不是导出的信息，并允许-01后缀自动附加Illustrator。

我做到了这一点，它突然间奏效了。我四处游玩，从文件名中取出-01，并像以前一样发出相同的问题。接下来我直接从Illustrator中保存并确保没有'-01'。问题仍然存在。我只是重命名了文件，把-01放在那里。没有问题。

我不知道这是为什么，但在文件名的末尾使用'-01'纠正了我的问题。我没有改变任何东西。

来源

2017-08-29 23:03:35

我的SVG始终呈现比应该更小的“更小”

回答

相关问题