为什么我的 svg 周围有透明区域？

Question

我在我的网站上制作了一张 svg 图像。 当我使用它时，它看起来像这样：

它周围有很多透明区域，我会说它可以扩展。
svg 图像本身似乎没有任何透明区域。
当我使用 png 时它工作正常，只需使用 svg 它就会创建这个空白区域。
我只是给图像一个红色背景，以查看图像的实际位置。

这是我的 css：

#logo {
    position: absolute;
    left: 0;
    top: 0;
    background-color: red;
    width: 200px;
    height: 50px;
}

#logo 指向我的 html 中的<img> ：

<img src="Sources/FruityJuice Logo.svg" alt="FruityJuiceLogo" id="logo">

Answer 1

在 Adobe Illustrator 中，我将文件裁剪为 Yong Pin 所说的徽标，这似乎已经修复了它。