#274 – Embed Images into Your Project as Binary Resources

The easiest way to specify a path to an image to be used in an Image control is to do the following:

  • Embed the image as a binary resource in your project
  • Set the Build Action of the image to Resource
  • Just use the filename as the image’s Source
  • Do not distribute the image with your executable (it’s embedded)

These steps are shown below.

Add the .png file to the project.

Verify that the Build Action is set to Resource.

Just use the filename in the Image tag.

	<Image Source="TractorSm.png"/>

Do not copy the .png file to the output directory.

Here is the final result, displaying the image in a window:

Advertisements

#273 – Display a Picture Using an Image Control

The Image control in WPF allows you to display an image in your user interface.  The control can display an image that is stored in any of the following file types: .png, .jpg, .gif, .bmp, .ico, .wdp, or .tiff.

You tell the Image control where to find the image content using the Source property.  In the example below, Source points to a .jpg file on a web site using a URI, or Uniform Resource Identifier.

<Window
    Width="400" Height="300">
	<Image Source="http://www.seans.com/KlondikeSm.jpg" />
</Window>