Add a picture to a web page

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

  1. 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 task pane or Web Site view into the Design view of your page.

    • On the Common, Standard, or Pictures toolbar, click the Insert Picture From File button Cc295270.2b560fc5-c13e-4206-bf56-742e895ee3d2(en-us,Expression.10).gif. 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.

  2. 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.

  3. To add a long description, click Browse and select a file, and then click OK.

To add a picture from a scanner

  1. In your web page, place your cursor where you want to add a picture.

  2. On the Insert menu, point to Picture, and then click From Scanner or Camera.

  3. In the Insert Picture from Scanner or Camera dialog box, under Device, click the device that you want to add a picture from.

  4. Next to Resolution, click the option that you want.

  5. 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.

  6. 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.

  7. To add a long description, click Browse and select a file, and then click OK.

  8. When you save the page, the Save Embedded Files dialog box prompts you to save the picture to your website. For more information, see Save an embedded picture.

To add a picture from a digital camera

  1. On the Insert menu, point to Picture, and then click From Scanner or Camera.

  2. 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.

  3. 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.

  4. 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.

  5. To add a long description, click Browse and select a file, and then click OK.

  6. When you save the page, the Save Embedded Files dialog box prompts you to save the picture to your website. For more information, see Save an embedded picture.

See also

Concepts

Change the appearance of a picture

Set the size of a picture

Picture properties

Set the page background

Set accessibility properties for an image