Reduce Image resolution in WPF image control

Question

I have a image control in WPF. I need to reduce the image size control width and height. But when i Do that , the image is not looking good. The data loss is more.

So i thought to reduce the image resolution instead of just changing the image control width and height.

can any one help me how to change the image resolution of the binded image in WPF image control

[I mean image is already binded to image control now I have to the change the resolution only]

score 7 · Answer 1 · edited May 23 '17 at 12:20

In .NET 4 they changed the default image scaling to a low quality one...so you can use BitmapScalingMode to switch back to the higher quality one:

<Image RenderOptions.BitmapScalingMode="HighQuality"
       Source="myimage.png"
       Width="100"
       Height="100" />

http://10rem.net/blog/2010/05/01/crappy-image-resizing-in-wpf-try-renderoptionsbitmapscalingmode

You can also combine the above with other options like the Decode options if your source image is a huge image (this just reduces memory usage in your application).

http://www.shujaat.net/2010/08/wpf-saving-application-memory-by.html

other options to prevent "blurryness" is to put UseLayoutRounding="True" on your root element (i.e. Window)....it's recommended to use this in .NET 4 rather than SnapToDevicePixels:

My GIF image is quite huge in size. How can I set the `DecodePixelWidth` and `DecodePixelHeight` with the use of WPF Animated GIF? — Casper, Aug 21 '17 at 03:50

score 1 · Answer 2 · answered Aug 27 '12 at 10:53

1

You can use the DecodePixelWidth property like this:

<Image Stretch="Fill">
    <Image.Source>
        <BitmapImage CacheOption="OnLoad" DecodePixelWidth="2500" UriSource="Images/image.jpg"/>
    </Image.Source>
</Image>

answered Aug 27 '12 at 10:53

mlemay

1,622
2
32
53

score 0 · Answer 3 · answered Aug 27 '12 at 08:49

1) Have a try with a ViewBox : put your image within a ViewBox.
2) Sometimes the rendering engine looses quality because of pixel alignement issues, especially on low-resolution device. Have a look to SnapsToDevicePixels property, and try to set it to true in the containing control AND / OR in the ViewBox.
3) Obviously you could write a Control that perform a resolution change but it is quite some work.

score -1 · Answer 4 · answered Jan 12 '15 at 04:17

Try this.

Image img = new Image();

var buffer = System.IO.File.ReadAllBytes(_filePath);
MemoryStream ms = new MemoryStream(buffer);

BitmapImage src = new BitmapImage();
src.BeginInit();
src.StreamSource = ms;
src.DecodePixelHeight = 200;//Your wanted image height
src.DecodePixelWidth = 300; //Your wanted image width 
src.EndInit();

img.Source = src;

Reduce Image resolution in WPF image control

4 Answers4