I have been doing a little UX/UI development work on a WPF Application recently. I created some mockups on how I wanted some buttons to look. When attempting to implement the mockup design in xaml using an image, I noticed that the image rendered with a blur. After a quick search, and reviewing a couple stackoverflow threads, found a solution that worked for me.
Setting UseLayoutRounding to “True” in the Main Window rendered the image without a blur.
Take a look below :