Question

I am working on WPF application (.NET Framework 4). I am adding .png images to ResourceDictionary. It looks like that:

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<BitmapImage x:Key="IconReset" UriSource="../Icons/IconReset.png" />
<BitmapImage x:Key="IconCopy" UriSource="../Icons/IconCopy.png" />
...
</ResourceDictionary>

And then I am using those images:

<Image Width="22" Height="22" Source="{DynamicResource IconReset}" SnapsToDevicePixels="True" />

It is working fine but images in application are a bit blurred and unclear. Png images are of size 22×22 and they look fine and clear.

So why in my application those icons are blurred? I have tried setting property SnapsToDevicePixels but it didn’t change anything.

What can I do to make it look like orginal png images – how to get rid of this blur?

Any help much appreciated!

Answer 1

Try to set property:

UseLayoutRounding="True" 

It is best to set it on main window/root element, then it will affect whole application.