自分のウェブサイトに画像がギザギザに表示される

最新のChromeの外観は次のとおりです。 Opera/Firefoxでも同じように見えます。自分のウェブサイトに画像がギザギザに表示される

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>

出典

2010-12-12 Anonymous

実際の画像が表示されていません。 – AniDev

@AniDev、それが表示されています。しかし、それは透明な背景を持つ白い画像です。ホワイトオンホワイト、これはすごく面白いですね。 –

エクスポート時にオプションを確認してください。私はPaint.NETを使用しませんが、単色の透明度で書き出しを行う場合、ジャギーが発生します。 "ソースイメージアルファ"の線に沿って透明オプションを指定してエクスポートしていることを確認してください。

出典

2010-12-12 17:55:22 groundh0g

上記画像（白で有益に）ジャグですd - 別のブラウザでギザギザのように見えない場合は、おそらく、古いキャッシュバージョンの画像やそれに類似するものを見ているからでしょう。

本質的に、画像のテキストはアンチエイリアス処理されていません。謎解き。 :-)

出典

2010-12-12 17:48:05

Paint.NETではうまく見えますが、ブラウザではギザギザになっています。理由を知らない。 –

paint.NETには画像のテキストをアンチエイリアスするのに必要なツールや能力が不足している可能性がありますか？コストが問題になる場合は、[GIMP]（http://www.gimp.org/）を試してみてください。 –

私はmiddaparkaに同意します：画像のテキストはアンチエイリアス処理されていません。画像内のテキストのエッジを「ぼかす」ことができ、アルファレイヤとブレンドすることができます。これにはGIMPを使用できます。 – AniDev

Windowsの標準イメージビューアの画像を見てください。私はそこにギザギザのように見えます。

GIMPやPaint.NET以外の画像編集ツールでファイルを編集してみてください。

出典

2010-12-12 17:54:55 Tower

自分のウェブサイトに画像がギザギザに表示される

答えて

関連する問題