画像がぼやけています。WPFのSnapsToDevicePixelsが機能しないのはなぜですか？

WPFアプリケーションでいくつかの画像を使用しています。

XAML：

<Image Name="ImageOrderedList"
       Source="images/OrderedList.png"
       ToolTip="Ordered List"
       Margin="0,0,5,5"
       Width="20"
       Height="20"
       SnapsToDevicePixels="True"
       MouseUp="Image_MouseUp"
       MouseEnter="Image_MouseEnter"
       MouseLeave="Image_MouseLeave" />

しかし、それらはぼやけて見えます。

なぜそのSnapsToDevicePixels="True"行がこの問題を防止しないのですか？

WPF4で現在利用可能な新しいプロパティを試すことを検討することをお勧めします。RenderOptions.BitmapScalingModeをHighQualityに任せるか、宣言しないでください。

NearestNeighborは、アプリケーションでズームインしたときにビットマップがギザギザになることを除いて、私にとってはうまくいきました。また、アイコンが奇妙な方法でサイジングされていた問題も修正されていないようです。

ルート要素（つまり、メインウィンドウ）に次のプロパティを追加しますUseLayoutRounding="True"。

以前はSilverlightでしか使用できなかったプロパティで、すべてのビットマップサイズ変更の問題が修正されました。:)

を使用するSnapsToDevicePixels代わりに、私は代わりに使用しましたがRenderOptions.BitmapScalingMode、それらは今や素晴らしくてさわやかです！

XAML：

<Image Name="ImageOrderedList"
       Source="images/OrderedList.png"
       ToolTip="Ordered List"
       Margin="0,0,5,5"
       Width="20"
       Height="20"
       RenderOptions.BitmapScalingMode="NearestNeighbor"
       MouseUp="Image_MouseUp"
       MouseEnter="Image_MouseEnter"
       MouseLeave="Image_MouseLeave" />

ザック・ピーターソンの+1

私は.Net 3.5 sp1を使用していますが、これは多数のあいまいな画像に対する最も単純なソリューションのように見えます。RenderOptionsをインプレースで指定することは大したことではありませんが、サードパーティコンポーネントの場合、アプリレベルのリソースのスタイルは理にかなっています。

 <Style TargetType="{x:Type Image}">
    <Setter
        Property="RenderOptions.BitmapScalingMode"
        Value="NearestNeighbor" />
 </Style>

AvalonDockがぼやけたアイコンのレンダリングを開始したときにうまく機能しました。

UseLayoutRounding="True"ルートウィンドウでを使用すると多くの場合機能しますが、WPFリボンコントロールを使用するときに問題が発生しました。私のアプリケーションは、ユーザーの操作に応じて表示されるコンテキストタブに依存しており、をに設定するUseLayoutRoundingとTrue、コンテキストタブが表示されず、リボンボタンの画像も表示されません。また、アプリケーションが数秒間フリーズし、CPUファンが鳴り始めます。

RenderOptions.BitmapScalingMode="NearestNeighbor"画像で使用すると、画像のレンダリングの問題（ぼやけた画像や切り抜かれた画像）が修正され、リボンコンテキストタブの使用と完全に互換性があります。

RenderOptions.BitmapScalingMode = "NearestNeighbor"は、ほとんどの場合うまく機能します。ただし、グラフィカルなグリッチが発生する場合があります（私の場合、5つの画像のうち4つは問題なく表示されましたが、5番目の画像には右端にわずかな歪みがありました）。Imageコントロールの右マージンを1増やして修正しました。

それでも問題が解決しない場合は、EugeneZで言及されている上記のBitmapクラスコントロールを試してください。これはImageコントロールの代わりとなるものであり、今のところ私にはかなりうまく機能しています。http://blogs.msdn.com/dwayneneed/archive/2007/10/05/blurry-bitmaps.aspxを参照してください

WPFアプリケーションが動作しているのと同じDPIで画像を保存してください。一部の画像形式では、この情報がメタデータとして保存されています。これで問題が解決するかどうかはわかりませんが、100％にサイズ変更された画像が予想よりも大きくなったり小さくなったりするため、いくつかの問題が発生しました。

似たようなものかもしれません。

アプリケーションの一番上の要素にUseLayoutRounding = Trueを使用します

これはバグだと思います（または少なくともそうでした）。このMicrosoftのサポート電子メール交換ページで、修正するためのアイデアを確認してください。

RenderOptions.BitmapScalingMode = "NearestNeighbor"が機能しないことがわかりました。Windows XP x32とDirectX 9.0cを使用しています。WPFの実際のレンダリングはDirectXで行われるため、これが影響する可能性があります。次のレジストリエントリを使用して、XPでアンチエイリアスを有効にしています。

[HKEY_LOCAL_MACHINE \ SOFTWARE \ Microsoft \ Avalon.Graphics] "MaxMultisampleType" = dword：00000004 "EnableDebugControl" = dword：00000001

ただし、これらの設定でaaをオフにしても、画像には影響しません。これは3Dビューポートにのみ影響すると思います。

最後に、ぼかしは、TextBlocksのテキストと画像で発生することがわかりました。また、ぼかしは、すべてではなく一部のテキストブロックと画像でのみ発生します。

提案された回避策を組み合わせても、一見ランダムに見えるぼやけた画像の問題を解決できないことを発見しました。他の多くが.net 4にアップグレードできないので、UseLayoutRenderingプロパティです。

私が機能することがわかったもの：

• [元の]画像のサイズが2の倍数であることを確認してください。これにより、ファンキーな画像のスケーリングの問題の一部を防ぐことができます。
• 画像のマージンを1ピクセルまたは2ずつ調整することで問題を回避できることもあります。

質問を読んで、私の最初の考えは、あなたが画像を過度に吹き飛ばしていたということでしたが、それはあなたがアプリのあなたが持っている画像を見ている場合とは異なります。

2番目の考えはカラーパレットですが、正しくレンダリングされない色の1つとして黒を使用しているため、これはそれほど可能性が高くありません。

上記の2つを完全に除外できる場合、私は現在困惑しています。

実験として、他のグラフィック形式を試すこともできますが、PNGで十分です。より良い答えを出すには、もう少し考えなければなりません。

私はRenderOptions.BitmapScalingMode = HighQualityを使用しようとしましたが、これはWindows 8.1でいくつかの問題を引き起こしているようですので、PngOut.exeと呼ばれるツールで実行しました。

http://advsys.net/ken/utils.htm

これにより、PNGのヘッダーが小さくなり、サイズも小さくなりますが、画質は変わりません。

そして今、私のすべての画像は完璧です！:-)