WPF - Import image as resource
- Create a folder (e.g.
images
) in your Visual Studio Project. - Add the image file(s) to that folder.
- Set their
Build Action
toResource
(in the Properties window, see second image in this answer).
Then write the UriSource
property like you already did:
UriSource="/images/jamsnaps-dark.png"
That URI is effectively a Resource File Pack URI, where the prefix is automatically added by the XAML Parser.
In code behind, you would write
bitmap.UriSource = new Uri("pack://application:,,,/images/jamsnaps-dark.png");
- Add the image to your project directory
- In the solutions explorer, right click the image and select
Include in Project
Build Action should be set to Resource
by default.
You can then start to use the image path relative to the root e.g. images/text.jpg
if you put it in a folder called images
.
Two options :
1) Go out from bin/Debug and in to your application folder by ../../ and then to your image.
<Image>
<Image.Source>
<BitmapImage UriSource="../../images/jamsnaps-dark.png" />
</Image.Source>
</Image>
2) Compile your images as Content from properties in the context menu on the image file , and then when compiled they would be placed in been debug. I don't remember if you also need to tell them to copy local also in properties ( i'm not near a computer at the moment so i can't check .