The University of Texas at Tyler
Tyler   •   Longview   •   Palestine
A centerpiece for learning,
culture and natural beauty

OU Campus Training and Standards

Insert/Edit Images

 The OU Campus Image Editor allows images to be resized, cropped and rotated directly in OU Campus. An image can be edited and uploaded from the Upload To dialog within the Pages list view of OU Campus. NOTE: It is VERY IMPORTANT that you do not upload images larger than how they will display on the page. Follow instructions below to edit images to the proper size.

Selecting and Uploading an Image

  1. To add an image to a page, navigate to the section of the page you wish to add the image,
  2. Select the "Insert/Edit Image" button: 

    IMPORTANT: Please do not create an image folder elsewhere and upload images. (Upload images into your folder: "/images/users/yourfolder" Creating folders elsewhere create problems to the website directory structure.

  3. Select: " Browse"

    You will be taken into the following path:
    /images/users/yourdirectorynamehere



    This is where you can upload images to place on your page.

  4. Select the image you wish to add to your page. You can view the thumbnails by selecting "View Thumbnails" -does not work in Internet Explorer).
  5.  To edit how the image displays on the page, select "Appearance"

    You can use the "Alignment" drop-down to left-align and right-align your photo.

    upload
  6. Once you publish your page, the image will be published to the web server.


Editing an Image

The following functionality is available on the Tools menu:

  • Resize
  • Crop
  • Rotate
  • Zoom
  • Undo
  • Redo
  • Resize

To insert/edit an image:

1. Select the "Insert/Edit Image" button: 

2. Select Upload and Edit:

3. Select "Add Files"

 

4. Select the file you wish to upload. 
   You can overwrite an existing file and rename a file from this screen.

 

 

Select "

 From here, you have several options shown below:

You will want to use "resize" and "crop". Using these tools will allow you to edit the image to the exact size it will be used on the page.

 

 

 

Resize

The Resize tool includes the ability to specify a new width and height for an image to upload. The original ratio for the dimensions of the width and height for can be kept intact by selecting the Preserver Ratio checkbox.

Crop (Custom)
The Crop tool can be used to reduce the dimensions of the image by either selecting a ratio or by determining a custom crop size by manipulating the crop box by dragging the crop handles located on the edges of the crop box.

Rotate
The Rotate tool rotates the image (edited and unedited) 45 degrees in a clockwise direction with each click.


Undo/Redo

The Undo and Redo functionality is available after performing another editing function.

 

Using the OU Campus image editor to crop and resize images will give you the freedom to crop and resize images to the exact file size used on the web page.

You can also contact the UT Tyler Web Team for assistance with image editing.

 For more details, see OU Campus Upload and Edit Image Overview.

 

©