The Image Attributes dialog box enables you to choose an image and provides effective control to every aspect of the image placement.

The dialog box contains the following sections:

Image Resource section

To import an image, click the Import... button. The Import dialog box appears.

To create a new image using the built-in Graphic Editor, click the Create button. The Image Properties dialog box will be displayed. Set the image properties. The image will be stored in the folder that set as default image folder of your site (by default, the Images folder).

When you import, create, or use an image from the Existing Resources Library, it is automatically listed in the Existing Resources tab as well as in the Site Manager--Physical Layout window. It becomes part of the resources of your current project.

To acquire an image from any of Twain data source compliant devices, click the Acquire... button. The Acquire dialog box appears.

When more than one acquiring device is active i.e. if you acquire an image (or images) from another Twain data source having the previous one not closed, then you are prompted with an error message about software conflict. To avoid this, close currently open dialog box or window first (if you started to acquire an image through dialog box). Then close the Twain data source box. Repeat acquiring again.

The Preview section enables you to preview the chosen image or layout of the image. There are two check boxes to switch between these two types of previews.
Both previews are turned off when both check boxes are cleared.
Check the Preview Image box to preview the chosen image.
Check the Preview Layout box to see how the image will be displayed in your page layout.

You may insert alternate text. This is the text .

The Alternate Text section enables you to enter a text that a browser will display in place of the image if the image is missing (e.g.,when downloading the image was corrupted or the Website viewer has set his browser to ignore images). Check it and enter your text.

The Alignment section enables you to align your image on the page. You can align the image Horizontally or Vertically. The following types of alignment are available:

The Border section enables you to add a border around the image. Check the Border check box and enter the size in pixels for the border.

If you want the browser to display the image stretched, click the Size check box. The Horizontal and Vertical controls let you set the new size in pixels regarding to the browser's window.

To change the spacing between the selected image and other components of the page, use the Horizontal and Vertical controls in Space section. Check the Space check box and enter an appropriate value.

Since an image resource can be used multiple times while site designing, then modifying the Image attributes will change only visual appearance but not affect the properties of physical resource on the whole.