Question

我在PNG文件中有一个徽标。当我以这种方式将它放在网站上时：

<img src="logo.png" />

一切都很好，颜色也应该如此。

但是当我尝试调整大小时 - 颜色正在改变。即这样：

<img src="logo.png" style="height: 75%; width: 75%;" />

或者这样：

<img src="logo.png" style="height: 100px; width: 150px;" />

每次颜色根据图像的大小而不同，每次颜色都不同于原始颜色。

徽标非常简单，只包含2种颜色。

我用其他一些图片检查了它，并且存在同样的问题。它也存在于每个浏览器（Firefox，IE，Chrome，Opera）中。

当图像尺寸发生变化时，为了保持图像的原始颜色可以做些什么？

Answer 1

如果不看图像，就很难确切地说出来。但是，有以下几点需要注意：

检查您的编码。这很可能是变色问题的原因。也许您使用了一个有缺陷的编码器，图像数据未对齐。这种情况可能会导致浏览器中出现奇怪的故障。
这可能是自然的混淆。当图像调整到较低分辨率时，会丢失细节。因此，例如，如果100x100图像在中心有一条1px的黑色水平线然后调整为50％，则线条将消失，或者它将变得更亮。这听起来与你描述的相似。
确保您使用正确的文件编码。我过去遇到的图片文件格式与编码不匹配。这不太可能导致问题，因为文件扩展主要用作过滤器而不是解码定义。