Using images in a website

Article
10/10/2017

You can add a picture (also called a graphic or image) to your web page from a file, scanner, or digital camera. In order to add a picture from a scanner or digital camera successfully, you need to connect your device to your system and install the device software on your system.

You can also add a picture to the background of the web page. For more information, see Set the page background.

To add a picture from a file to a web page

In your web page, place your cursor where you want to add a picture, and then do one of the following:
- Drag the picture from the Folder List panel or Site View into the Design view of your page.
- On the Common, Standard, or Pictures toolbar, click Insert Picture From File . In the Picture dialog box, in the File Name box, specify the file you want to add, and then click Insert.
- On the Insert menu, point to Picture, and then click From File. In the Picture dialog box, in the File Name box, specify the file you want to add, and then click Insert.
In the Accessibility Properties dialog box, in the Alternate text box, type the alternate text you want. Alternate text makes your image accessible to screen readers. It also is visible in some browsers when the graphic is downloading, when it can't be found, or when a site visitor moves the pointer over it. For more information, see Set accessibility properties for an image.
To add a long description, click Browse and select a file, and then click OK.

To add a picture from a scanner

In your web page, place your cursor where you want to add a picture.
On the Insert menu, point to Picture, and then click From Scanner or Camera.
In the Insert Picture from Scanner or Camera dialog box, under Device, click the device that you want to add a picture from.
Next to Resolution, click the option that you want.
To scan your picture, do one of the following:
- To start the scanner without specifying any properties beforehand, click Insert. If Insert isn't available, click Custom Insert instead and use your device window to scan the picture.
- To specify properties before starting the scanner, click Custom Insert. Use your device window to set the properties you want and scan the picture.
In the Accessibility Properties dialog box, in the Alternate text box, type the text you want to use in place of images when the graphic is downloading, when it can't be found, or when a site visitor moves the pointer over it. For more information, see Set accessibility properties for an image.
To add a long description, click Browse and select a file, and then click OK.
When you save the page, the Save Embedded Files dialog box prompts you to save the picture to your site. For more information, see Save an embedded picture.

To add a picture from a digital camera

On the Insert menu, point to Picture, and then click From Scanner or Camera.
In the Insert Picture from Scanner or Camera dialog box, under Device, click the device that you want to add a picture from, and then click Custom Insert.
Select the picture that you want to add, and then click Get Pictures.

Tip

To select more than one picture, hold down CTRL and then select the pictures that you want.
In the Accessibility Properties dialog box, in the Alternate text box, type the text you want to display for pictures when the graphic is downloading, when it can't be found, or when a site visitor moves the pointer over it. For more information, see Set accessibility properties for an image.
To add a long description, click Browse and select a file, and then click OK.
When you save the page, the Save Embedded Files dialog box prompts you to save the picture to your site. For more information, see Save an embedded picture.

Using images in a website

To add a picture from a file to a web page

To add a picture from a scanner

To add a picture from a digital camera

See also

Tasks

Concepts

Additional resources