Monmouth College Logo Information Systems Center
 

MC Home - ISC Home - Help Documentation - Expression Web - Pictures

Pictures

Reduce the File Size of a Picture
Crop a Picture
Insert a Picture from a File
Change the Alternate Text Description
Resize a Picture
Create a Thumbnail
Change the Thumbnail Size or Border Thickness

Reduce the File Size of a Picture

Note: If a picture's file size is over 100 KB, then you should reduce its file size before adding it to a web page.

  1. Make a copy of the picture so that you have an untouched original.
  2. In your My Pictures (or other) folder, right-click on the picture file and select Open with - Microsoft Office 2010.

    Microsoft Office 2010 Option
  3. Click on Edit Pictures.

    Edit Pictures Command
  4. Click on Resize.

    Resize Command
  5. Click on the Predefined width x height down arrow and select Web - Large.

    Predefined width and height Down Arrow
  6. Click on the OK button.
  7. Click on the Save Save Button toolbar button.
  8. Check the new file size. If the file size is still too large, then try cropping the picture. For more information, see Crop a Picture.

Crop a Picture

  1. If you haven't done so already, make a copy of the picture so that you have an untouched original.
  2. In your My Pictures (or other) folder, right-click on the picture file and select Open with - Microsoft Office 2010.

    Microsoft Office 2010 Option
  3. Click on Edit Pictures.

    Edit Pictures Command
  4. Click on Crop.

    Crop Command
  5. Drag the crop handles around the part of the picture that you want to keep.
  6. Click on the OK button.
  7. Click on the Save Save Toolbar Button toolbar button. 

Insert a Picture from a File

  1. Click on the web page where you want to insert the picture.
  2. Click on the Insert menu and select Picture – From File.

  3. Select the desired picture file.

    Note: To see thumbnails of your picture files, click on the More Options down arrow and select Large Icons.

    More Options Down Arrow
  4. Click on the Insert button.
  5. On the Accessibility Properties window, in the Alternate text field, enter a short description of the picture.
  6. Click on the OK button.
  7. If necessary, resize the picture by dragging one of its corner handles. When you are finished resizing the picture, click on the Picture Actions button and select Resample Picture to Match Size.

    Resample Picture to Match Size Menu Option
  8. Save the web page.
  9. If desired, on the Save Embedded Files window, click on the Rename button and enter a different file name for the picture.
  10. If necessary, click on the Change Folder button and select your web site’s images or graphics folder.
  11. Click on the OK button.

Change the Alternate Text Description

  1. Double-click on the picture.
  2. In the Alternate Text field, enter a short description of the picture.

    Alternate Text Field
  3. Click on the OK button.

Resize a Picture

  1. Click on the picture.
  2. Drag one of the corner handles to make it larger or smaller.
  3. Click on the Picture Actions button and select Resample Picture to Match Size.

    Resample Picture to Match Size Menu Option

Create a Thumbnail

  1. Right-click on the picture and select Auto Thumbnail.
  2. Save the web page.
  3. On the Save Embedded Files window, click on the OK button.

Change the Thumbnail Size or Border Thickness

  1. Click on the Tools menu and select Page Editor Options.
  2. Click on the Auto Thumbnail tab.
  3. If desired, click on the Set down arrow, select Width or Height, and enter a different value in the Pixels field.
  4. If desired, in the Border thickness field, enter a new value.
  5. Click on the OK button.