Use BitmapScalingMode to ensure your rendering of Image is perfect

If you have worked with WPF 3.5 before, you know that declaring a normal image in your code will
render your image quite fine. But If you do the same thing in .NET 4.0 or even you convert your
existing application from previous version to .NET 4.0, all the images that were rendering quite Ok in
your previous application will look real ugly.

Every images exposes a property called BitmapScaleMode which you can specify for an image, which
renders your image in the way you specify. Lets see how to define a BitmapScaleMode :

<Style TargetType="{x:Type Image}" >
<Setter Property="Width" Value="90" />
<Setter Property="Width" Value="90" />
<Setter Property="Source" Value="MyImg.jpg" />
<Image Grid.Row="0" Grid.Column="0"
RenderOptions.BitmapScalingMode="Fant" />
<Image Grid.Row="0" Grid.Column="1"
<Image Grid.Row="1" Grid.Column="0"
<Image Grid.Row="1" Grid.Column="1"
<Image Grid.Row="2" Grid.Column="0"
<Image Grid.Row="2" Grid.Column="1"

The RenderOptions.BitmapScalingMode is a property that scales the images based on the quality.
WPF 4.0 defaults it to Unspecified, which refers to LowQuality image rendering.

But to ensure that the image remains good quality when the size increases, BitmapScalingMode
should be chosen as HighQuality.

Download Sample

Abhishek Sur

Abhishek Sur is a Microsoft MVP since year 2011. He is an architect in the .NET platform. He has profound theoretical insight and years of hands on experience in different .NET products and languages. He leads the Microsoft User Group in Kolkata named KolkataGeeks, and regularly organizes events and seminars in various places for spreading .NET awareness. He is associated with the Microsoft Insider list on WPF and C#, and is in constant touch with product group teams. He blogs at His Book : Visual Studio 2012 and .NET 4.5 Expert Development Cookbook. Follow Abhishek at Twitter : @abhi2434