Change the appearance of a picture

  • Article

You can quickly change the appearance of pictures directly in Microsoft Expression Web by using the Pictures toolbar. The toolbar provides buttons that crop, rotate or flip a picture. You can also modify the contrast or brightness of a picture, make a particular color in the picture transparent, convert the picture to grayscale, and add a beveled edge to the picture.

Use the Restore button on the Pictures toolbar to undo changes you have made to a graphic since you last saved or added it to a web page.

To change the appearance of a picture

  1. In your web page, do one of the following:

    • To edit a picture in your page, click the picture.

    • To edit the background picture of the page, you do not need to make a selection.

  2. On the Pictures toolbar, do one or more of the following.

    Use this To do this

    Insert Picture From File button Cc295603.2b560fc5-c13e-4206-bf56-742e895ee3d2(en-us,Expression.40).gif

    Replace the selected picture

    Auto Thumbnail button Cc295603.14783332-393a-4949-92ef-0aebf6534d71(en-us,Expression.40).gif

    Generate a smaller version of your selected picture and add a hyperlink to the original full-size picture. You can set options for this button. For more information, see Create a thumbnail picture.

    Rotate Left 90° button Cc295603.f91a6af1-351a-4f24-8e5c-8f23c611611a(en-us,Expression.40).bmp

    Rotate your picture by 90° counterclockwise (left).

    Rotate Right 90° button Cc295603.019e3a2b-2f05-4edb-8710-ef7ea5018f15(en-us,Expression.40).bmp

    Rotate your picture by 90° clockwise (right).

    Flip Horizontal button Cc295603.bd5349bc-b2c9-4424-a122-d0eebff27ad4(en-us,Expression.40).bmp

    Flip your picture horizontally.

    Flip Vertical button Cc295603.dee536d5-2f83-4f01-92f8-e03d05047536(en-us,Expression.40).bmp

    Flip your picture vertically.

    More Contrast button Cc295603.e102b683-64ee-4488-8d1a-99432541140e(en-us,Expression.40).bmp

    Increase the contrast of the picture.

    Less Contrast button Cc295603.312b23f9-03e3-4224-91e1-b7f44ea195da(en-us,Expression.40).bmp

    Decrease the contrast of the picture.

    More Brightness button Cc295603.07ea3df1-9ab3-4d8e-a8b1-7c54b78b9368(en-us,Expression.40).bmp

    Increase the brightness of the picture.

    Less Brightness button Cc295603.66f10dda-28a5-409f-a240-d7e955c08d17(en-us,Expression.40).bmp

    Decrease the brightness of the picture.

    Crop button Cc295603.07b43bdf-af13-4140-8675-ec12560654f0(en-us,Expression.40).bmp

    Crop the picture to the area you specify. For more information, see Crop a picture.

    Set Transparent Color button Cc295603.7e7293ff-56d0-4e3b-aa2e-abb19ec3c62e(en-us,Expression.40).bmp

    Make a particular color in a picture transparent. For more information, see Create a transparent GIF.

    Color button Cc295603.c00007c6-40bf-418b-aa02-c189c8944568(en-us,Expression.40).gif

    Convert the colors in the picture to grayscale or gives the picture a washed out look.

    Bevel button Cc295603.9b2d59aa-ade3-441d-8ac5-7466df26e6a3(en-us,Expression.40).bmp

    Apply a beveled edge to all sides of the picture.

  3. To save an edited picture, on the File menu, click Save to save the page.

  4. In the Save Embedded Files dialog box, set the options you want and then click OK. For more information, see Save an embedded picture.

To undo changes to a graphic

  1. In your web page, do one of the following:

    • To restore a picture in your page, click the picture.

    • To restore the background picture of the page, you do not need to make a selection.

  2. On the Pictures toolbar, click Restore Cc295603.e47c0060-9f7c-457e-97a7-142c85aecc3b(en-us,Expression.40).gif.

See also

Tasks

Create a transparent GIF
Crop a picture
Create a thumbnail picture

Reference

Pictures toolbar

Concepts

Picture properties

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.