You can save Microsoft Expression Design artwork as a .png file. Additionally, you can export one or many .png files in a container, such as an HTML page with images, or a XAML Windows Presentation Foundation (WPF) (WPF) resource dictionary.
To export art as a .png file
On the File menu, click Export. The Export dialog box displays your artwork in a preview window.
Under Items to Export, select one of the following options:
Whole document Select this option to export all the art in your .design document to a single output file.
Selected objects Select this option to export only those objects that you selected before you opened the Export dialog box.
Slices Select this option to export slices of your artwork, in multiple output files and formats. Slices are configured before you open the Export dialog box. The preview window changes to display each slice individually so that you can select different export settings for each. You can also use the Slice contents drop-down box to show or hide individual objects or entire layers in the slice. For more information, see Working with slices.
In the Export dialog box, in the Format list, select PNG.
If you selected to export Slices in the previous step, you must change the Format and other export properties for each slice. Alternatively, you can select multiple slices by holding the SHIFT key to change the export properties for all the selected slices at the same time.
Adjust the following settings for PNG files:
Color mode Select the color mode for the exported image files. Select either RGB (24 bits per pixel) or Indexed color. RGB is recommended.
Matte color To select a background color for your image files, clear the Transparency check box, and then select a color from the Matte color drop-down box.
Transparency Select this check box to maintain a transparent background behind your artwork.
Interlaced Select this check box if your images will be viewed over a slow Internet connection.
Antialias Select this check box to produce smoother images.
Width and Height Set the width and height of the exported image. The objects will scale in proportion to changes in the width and height. If you change these properties, the original values will appear in brackets next to the properties. The original values are based on the Document Size and Artboard Size (on the File menu). For more information, see Document size.
You can set the Width and Height properties by using the slider pointer. When you move the mouse pointer over the text box, your pointer will change to the slider pointer . Drag the slider pointer up or to the right to increase the value, or drag the slider pointer down or to the left to decrease the value. Alternatively, you can click the field to enter a numeric value.
Next to File name, enter a name for your output file.
The File name field is not present if you are exporting slices because the name of each slice is used as the file name for each exported image.
If you are exporting slices, you can select a container to reference all the exported slices, such as one of the XAML containers, or an HTML page (appropriate only for exported image files). To select a container, click the drop-down arrow next to Container name, select a container type, and then enter a name. For more information, see Exporting in containers.
Next to Location, browse to or enter the path for the location where you want the output file to be saved.
Click Export All to export the file or files. If you are exporting slices and you want to export only some of them, you can select multiple slices in the preview window (hold the SHIFT key), click the drop-down arrow next to Export All, and then click Export Selected Slice(s). Alternatively, if you want to save any changes that you made to the export properties for individual slices without actually exporting the slices, click the drop-down arrow next to Export All and select Save Settings and Close.