Note: An image needs to be added (uploaded) to the system before it can be placed/added to a page.
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 800 pixel screen width, images in a two-column layout can not be larger than 535 pixels wide. Images in a three-column layout cannot be larger than 360 pixels wide. You will need to use software on your computer 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 the computers. These 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
- Navigate to your sites’ root image folder. Each site will have an image folder at the root of the site. 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.
- On the green menu bar, click add to folder/add item and then select image from the drop-down menu.
- You'll see the Edit Image panel.
- In the Title field, enter a title for your image.
- 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.
- In the Image section of the form, click Browse. A File Upload window will appear.
- In the file upload window, navigate to the image on your local computer that you want to upload, select it and click open.
- The Related Items filed allows you to associate content items. Items associated with the new page will be listed at the bottom of the page as quick reference links.
- Scroll to the bottom of the Edit File panel and click save. The main content area will display will switch to the view tab, so that you can preview the image.
- If you want your file to be available to all users, click the public draft 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.
 Tip: New images that are added outside the root images folder are displayed in the navigation when they are published. If you want to prevent an image from appearing in the navigation, see Excluding Items from the Navigation. |
Note: When you upload an image to a Plone web site, several smaller, supplemental copies of the image will automatically be created, including the smallest, a thumbnail version. These smaller versions are used by Plone when showing images in lists of items in a folder. The original full-size image is always there, and this is the size that is shown when you choose the uploaded image to be included in a web page. The rule to remember is that you should resize the image on your computer to the size you want to use on a web page, and upload it. Plone will automatically make other size copies that it needs upon uploading. Plone will use the supplemental versions when needed for display purposes.
[top]
