# Multi-density images not behaving as expected

**URL:** <https://forums.fusetools.com/t/multi-density-images-not-behaving-as-expected/3586>\
**Category:** How-to Discussions\
**Created:** [June 1, 2017, 1:13pm UTC](https://forums.fusetools.com/t/multi-density-images-not-behaving-as-expected/3586 "2017-06-01T13:13:23Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Wodger](https://avatars.discourse-cdn.com/v4/letter/w/ee59a6/32.png) [@Wodger](https://forums.fusetools.com/u/Wodger)\
**Post date:** [June 1, 2017, 1:13pm UTC](https://forums.fusetools.com/t/multi-density-images-not-behaving-as-expected/3586/1 "2017-06-01T13:13:23Z")

</div>

I am trying to use multi-density images, but while they appear correct on low density displays, they are different sizes on high-density displays.

Take the small example below ([more or less the same as docs example](https://www.fusetools.com/docs/fuse/controls/image)) showing one image with only one density and one multi-density image. On low-res displays they appear the same, but on high-res displays the high-res image is double size. I expected these images to be the same size also on high-res displays. Is there something I am missing?

```auto
<App>
  <ScrollView>
  <StackPanel>
    <Image StretchMode="PointPrecise">
      <MultiDensityImageSource>
        <HttpImageSource Density="1" Url="http://lorempixel.com/100/100/" />
      </MultiDensityImageSource>
    </Image>
    <Image StretchMode="PointPrecise">
      <MultiDensityImageSource>
        <HttpImageSource Density="1" Url="http://lorempixel.com/100/100/" />
        <HttpImageSource Density="2" Url="http://lorempixel.com/200/200/" />
        <HttpImageSource Density="3" Url="http://lorempixel.com/300/300/" />
      </MultiDensityImageSource>
    </Image>
  </StackPanel>
</ScrollView>
</App>

```

[LowRes display screenshot](https://www.dropbox.com/s/g882m5rc1icgrt0/multidim-images_lowres_fuse_preview.png?dl=0)

[HiRes display screenshot](https://www.dropbox.com/s/nov0v9lxluvdohq/multidim-images_iphone-simulator.png?dl=0)

Low-res is from Fuse Preview, hi-res iPhone 7 simulator, but I have also tested on a low-res Droid and iPhone 5.

PS! I have added `StretchMode="PointPrecise"` to the image definition. Event though the documentation says this is default, images fill the container width if not added.

PSS! If I use a `DockPanel` instead of a `StackPanel` and remove `StretchMode="PointPrecise"` the images appear the same size, but then the density 1 image is the same size as density 2, which seems a bit counter intuitive…

---

<div class="post-metadata">

**Author:** ![Wodger](https://avatars.discourse-cdn.com/v4/letter/w/ee59a6/32.png) [@Wodger](https://forums.fusetools.com/u/Wodger)\
**Post date:** [June 6, 2017, 1:38pm UTC](https://forums.fusetools.com/t/multi-density-images-not-behaving-as-expected/3586/2 "2017-06-06T13:38:28Z")

</div>

I ended up bypassing the problem by setting the width of the images manually on each tag. Not ideal, but it is a quite small project and it seems to be working.