WiscWeb CMS - Modifying the Size of an Image

This document explains how to created resized versions of images in order to optimize their display on a web page.

  1. While editing a page with the text editor, click on the Insert/Edit Image button in the top menu bar.

    edit image icon
  2. Click the Asset tab, and then click Select. In the popup, click Select Asset to choose a file from among the CMS’s folders.

    available tabs
  3. In the window that appears, choose which folder of the CMS you want to choose an image from (usually Images), and click OK.

    A new window appears that shows all of the available images in that folder.

  4. Choose the image that you would like to make smaller by clicking on its title.

    sample image

    On the right side of the window, various options are then available to you.

  5. Click on the Extended Image Editing Options link.

    extended image editing options

    A new window appears that allows you to edit the image. Because we want the original image to not be permanently modified, we will give our edited image a new filename.

  6. In the window, enter a filename for the copy that we are creating and editing. You do not need to put in the file extension (e.g. .jpg) – the CMS will take care of the extension.

    create new file screen
  7. In the middle of the window, provide a dimension by which you will constrain the image – either a width or a height in pixels. Confirm that the Keep aspect ratio box is checked, and press the green arrow.

    image resize screen

    To the right side of the window, the image will appear modified.

    modified image
  8. Press OK in the lower-right corner of the window, and you will return to the main Asset Manager window.

  9. To insert the modified image into the page, click on its title. Then click OK.

    final resized image

Keywords:resize picture photo height width changing change altering   Doc ID:15000
Owner:Matthew G.Group:WiscWeb CMS
Created:2010-08-29 19:00 CDTUpdated:2014-12-02 12:34 CDT
Sites:DoIT Help Desk, WiscWeb CMS
Feedback:  0   0