同一图像之间的不同颜色对比

Question

原始图像如下所示：

以下是如何在网站上显示它：

我的问题是为什么要改变原始图像和网站上显示的图像之间的黑色，我该怎么做才能避免这种情况？

以下是在 HTML 上调用图像的方法：

<img id="logo" src="Photo/my-logo.png" alt=""/>

下面是在 CSS 上调用图像的方法：

#logo {

    display: block;

    margin: 0;

    position: absolute;

    top: 2%;

    float: left;

    width: 15%;

    left: 0%;

    color:  #101010;

} 

原始图像有805px x 204px，因此当写入它时width: 100%;，它会来自监视器的许多地方......。我尝试用Gimp缩放图像，得到的图像与第二张图像类似...用Gimp将图像缩放到265px x 67px，如何显示它...

如何在缩放后显示图像

给定宽度时：100%；来同样的问题..

Answer 1

我找到了解决方案！……事实是在其他论坛上人们对我说的……1.在Gimp&nbsp;do&nbsp;Filters > Generic > Erode中，这将使黑色变厚，稍后如何显示此步骤2.使用Gimp将图像缩放至265px 67px。3.如何在网站上显示徽标..如何在网站上显示