If you are already on a page and have uploaded an image you can resize the image using the Insert/edit button on the toolbar.

1. Click the Insert/Edit Image toolbar button
   1. 
2. Browse to your image
   1. 
   2. Your images should usually be in the "_files"folder of your site
      1. 
   3. There should be an "images" folder inside the "_files"folder
      1. 
   4. There may be a variety of categorized folders inside the "images" folder. In this case we are looking for a photo.
      1. 
   5. Finally I have found the file I want to resize!
3. Select the filename and click the "Edit Image" button that appears.
4. It may take a moment but a pop-up should appear with a preview of your image. Click the resize button.
5. Choose web appropriate sizes. In general a web image should not be larger than 600px wide. You should make the image the size you want it to be on your page.
6. Click the "Upload As" button to put the file into OU.
7. You will likely need to rename your file to upload it. If you made your image smaller you could name it with the suffix "-sm".
8. Now you see your newly resized photo in the image browser.
9. Select the filename and then click the "Select File" button.
10. The path to your image will be inserted into the Image URL input box. Click "Insert".

You may browse to the image file itself (remember to save your pictures in your _files/images/ folder on the production side) and click the image. An image editor will appear in which you can crop, resize, and re-save your image.

1. It may take a moment but a pop-up should appear with a preview of your image. Click the resize button.
2. Choose web appropriate sizes. In general a web image should not be larger than 600px wide. You should make the image the size you want it to be on your page.
3. Click the "Upload As" button to put the file into OU.
4. You will likely need to rename your file to upload it. If you made your image smaller you could name it with the suffix "-sm".

You can use the "Class" drop down within that Appearance tab. This method is the most accurate in OU's editor.

1. Click the "Insert/Edit Image" button in the toolbar
   1. 
2. Click the "Appearance" tab.
   1. 
3. Choose an image alignment option from the "Class" dropdown menu.
   1. 
   2. 
4. Hit insert/update.

You can also use the "Styles" drop down menu in the general tool bar. Highlight your image and select either "Image on Left" or "Image on Right".

1. The image will be grayed out if it is selected and the "Insert/Edit Image" button will be highlighted and have a blue outline.
   1. 
2. The "Styles" menu is to the left of the "Insert/Edit" image button. Scroll through the list until you see the "Image" options. 
   1. 
3. Select either Image on Left or Image on Right.

A non web optimized image is any image larger than 

• 72ppi (pixels per inch) in resolution
• 1024px x 800px in dimension (1024px wide, 800px tall)
• 30kb in filesize (and that is a generous number)

Please note that anything larger than those specifications will significantly slow down page load time.

Resizing an image for use on the web is very important because images taken from a camera or scanner are far too large to be used over the Internet. It slows down the loading of the page especially if viewed using a dial-up connection. 

OU provides an excellent resizing tool and is recommended to be used for resizing images. The reason why it is recommended is because it provides your image with constrain proportions which does not affect the image adversely during resizing.

Step by step tutorial to resize an image (Please refer to Option One: Step 4)

Step by step tutorial to use Lightbox