Set Image source from Resources in WPF application

Question

Can anyone show me how can I set source to image from Resource in XAML. Currently I have

 <Image x:Name="img" Panel.ZIndex="1" Source="D:\Img100.jpg"  Stretch="Uniform"/>

I want Image Source to be come from Resources.

Thanks.

sa_ddam213 · Accepted Answer · 2013-03-13 06:11:29Z

33

First you will have to include the image in your project with BuildAction Resource

Then you can use it directly in your Image

 <Image Source="Img100.jpg"/>

Or make a reusable resource of the image

App.xaml (or other resource dictionary)

<Application.Resources>
    <BitmapImage x:Key="myImage" UriSource="Img100.jpg" />
</Application.Resources>

Element:

<Image Source="{StaticResource myImage}" />

answered Mar 13, 2013 at 6:11

sa_ddam213

43.7k7 gold badges105 silver badges112 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

A small modification: <BitmapImage x:Key="myImage">pack://application:,,,/Resources/Img100.jpg</BitmapImage>

@Sonhja why is the pack syntax needed?

@DaveInCaz it's a pack resource for a XAML resource. You can see details here: learn.microsoft.com/en-us/dotnet/framework/wpf/app-development/…