图片在我的网站上出现了锯齿状

时间:2010-12-12 17:39:24

标签: html css

以下是最新Chrome浏览器的外观。在Opera / Firefox中看起来一样。

alt text

以下是我在网站上使用的实际图片:

  

alt text

实际代码:

<body>
    <div id="wrapper">
        <div id="headerarea">
            <img src="../../Content/Images/logo.png" alt="Cumavi.com - Vende tus cosas en Bolivia!" />
            <p>Los mejores anuncios de Bolivia!</p>
        </div>
        <div id="bodyarea">
            <div id="leftnavigationbar">
            </div>

            <div id="mainbody">
                @RenderBody()
            </div>

            <div id="footer">
            </div>
        </div>

    </div>
</body>

3 个答案:

答案 0 :(得分:2)

在您导出时检查您的选项。我不使用Paint.NET,但是如果您以单色透明度导出,那么您将会看到锯齿状。确保您使用透明度选项导出&#34;源图像alpha&#34;。

答案 1 :(得分:0)

上面的图片(有帮助的白色)是锯齿状的 - 如果它在不同的浏览器中看起来没有锯齿状,那可能是因为你正在查看图像的较旧缓存版本或类似的东西。

本质上,图像中的文本没有消除锯齿。谜团已揭开。 : - )

答案 2 :(得分:0)

查看Windows中标准图像查看器中的图片。我打赌它看起来也很混乱。

尝试在GIMP或除Paint.NET之外的任何其他图像编辑工具中编辑文件。