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

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

html css

Html 图片在我的网站上出现锯齿状,html,css,Html,Css,下面是它在最新的Chrome上的外观。在Opera/Firefox中看起来相同以下是我在网站上使用的实际图像：实际代码是： <body> <div id="wrapper"> <div id="headerarea"> <img src="../../Content/Images/logo.png" alt="Cumavi.com - Vende tus cosas en Bolivia!" /&g

下面是它在最新的Chrome上的外观。在Opera/Firefox中看起来相同

以下是我在网站上使用的实际图像：

实际代码是：

<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>


玻利维亚阿努西奥斯酒店
@RenderBody（）

上面的图像（白色）是参差不齐的-如果在其他浏览器中看不出参差不齐，可能是因为您正在查看的是图像的旧缓存版本或类似版本

本质上，图像中的文本不是抗锯齿的。谜团已解开。：-）

在Windows的标准图像查看器中查看图片。我打赌那里看起来也是锯齿状的

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

导出时请检查选项。我不使用Paint.NET，但如果使用单色透明导出，则会看到锯齿。请确保使用“源图像alpha”行中的透明度选项进行导出。

它在Paint.NET中看起来不错，但在浏览器中却参差不齐。不知道为什么。因为paint.NET可能缺少一些必要的工具/功能来反锯齿图像中的文本？如果成本是一个问题，尝试使用，看看这是否有区别。我同意middaparka的观点：图像文本没有被消除锯齿。可以“模糊”图像中文本的边缘，使其与alpha层融合：您可以使用GIMP进行此操作。@Serg-如果原始图像看起来不错，为什么不尝试将其保存为具有透明度的24位PNG-也许这将克服此问题。（抱歉，我不熟悉Paint.NET，但希望这是可能的。）实际图像不是displaying@AniDev，它正在显示。但这是一个背景透明的白色图像。白色对白色，这是非常…嗯，有趣。