Working with images and art (Windows Phone)

In Blend for Visual Studio 2012, you can drag supported image files from outside Blend, and also use the Project menu to add files to your project. Image files are added to the artboard as Image objects.

Blend supports the most common types of image files such as BMP, GIF, ICO, JPEG, PNG, and TIFF. After you add an image file to your project, you can add it to the artboard by double-clicking the image file name in the Projects panel, right-clicking the image and click Insert or by setting the Source property of an existing image control to the name of the image file.

For more information about graphics support, see Check for required graphics support (Windows Phone).

You can add images to the artboard for display and also convert the images to brush resources that you can apply to other objects.

For more information about converting an image to a brush resource, see Convert an image to a reusable brush resource (Windows Phone).

To add an image file to a project

  • Do one of the following:

    • On the Project menu, click Add Existing Item. Browse to the location of the image file that you want to add to the current project, and then click Open.

    • Drag the file from a folder in File Explorer or from your desktop into the Projects panel.

    • Copy the image from any source and paste it directly into the project folder in the Project panel.

    The image file appears in the Projects panel. From there, you can insert it into the active object in the open document.

To insert an image file into the active document

  • Do one of the following:

    • In the Projects panel, right-click an image file, and then click Insert. Or, if you want to add the image file as a child object in another object in the document, double-click that object in the Objects and Timeline panel to make it the active object, and then insert the image file. Alternatively, you can double-click or drag the image file instead of using the Insert command.

    • From the Assets panel, under Media category, drag the image onto the artboard.

    • Drag an image file from the Projects panel onto the artboard.

The image is added to the artboard as an Image object with the Source property set to the relative path of the image file in your project.


To change the image that is displayed in an Image object, you can use the drop-down arrow next to the Source property to select a different image file that exists in your project folder.

See Also


Convert an image to a reusable brush resource (Windows Phone)