我的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始終呈現比應該更小的「更小」

回答

相關問題