Resize an Image

Images from digital cameras are usually too big to post directly on a website, so they need to be resized. Since it is the School of Medicine’s policy that all pages should fit comfortably within an 1024 pixel screen width, images in a two-column layout can not be larger than 760 pixels wide. Images in a three-column layout cannot be larger than 525 pixels wide. You will need to use software to resize your images. Graphics software such as Corel Draw, Adobe Photoshop, Irfanview, or Gimp can be used to resize images. If you don’t have graphics software, the OIS Multimedia Lab has Photoshop installed on all of it's lab machines. These are available for use by all School of Medicine faculty and staff. The Multimedia Lab also provides Photoshop training seminars as well as a trained staff that can teach you how to manipulate your images in Photoshop.

Tip: save your images as JPEGs (.jpg) or GIFs (.gif) files as these are the most commonly used image formats used on the web.

Upload an Image from the Images Folder

1. Navigate to your sites’ root image folder. We recommend, for organization sake, that images be placed in this folder.
   • Click on your Home page link in the navigation
   • Click on the green contents tab.
   • In the list of contents, click on the Images folder. You will be taken to the contents view of the root images folder.
2. On the green menu bar, click add new... and then select image from the drop-down menu.
   
   
3. You'll see the Add Image panel.
4. In the Title field, enter a title for your image.
5. If desired, enter a short description of the image in the Description box. Entering a description is optional, but encouraged. The description appears in search results, in content summary lists, and in hovering text boxes that appear when a user rests the mouse pointer over a title link.
6. In the Image section of the form, click Browse. A File Upload window will appear.
7. In the file upload window, navigate to the image on your local computer that you want to upload, select it and click open.
8. Scroll to the bottom of the Edit Image panel and click save. The main content area will switch to the view tab, so that you can preview the image.
9. If you want your image to be viewable to all users, click the private status indicator and then select publish from the drop-down menu.

Images will be uploaded to the place in the site where you were when you clicked the add image option.

[top]

Upload an Image from a Page You're Editing (New!)

With our new page editor (TinyMCE), you can now upload an image directly from the page you're working on. To do so:

1. Navigate to the page in which you want to add an image.
2. Click on the edit tab in the green menu bar (you need to be logged in to see this).
3. In the Body Text, place your cursor where you want the image placed on the page and click the Insert/edit Image button ().
4. In the dialogue box that pops up, browse within the Image list (middle panel, or; use the shortcuts in the left panel) to the location on your site where you'd like to upload the image (usually Images, within the Home folder).
   
   
5. Click Upload File.
6. Browse to the image on your computer & click Open.
7. Give the image a title and description (optional), then click upload.
   
   
8. Select the newly-uploaded file from the bottom of the Image list, adjust its alignment & description, if applicable, & click insert at the bottom of the dialogue box.
9. Alignment:
   • Inline (default) - Places image on the same line as the text.
   • Left - Places image to the left of the text.
   • Right - Places image to the right of the text.
10. Once you're done editing, save your page, and visit the 'Images' folder (or wherever you've placed your image) and publish it.

[top]