Images

Images

Content: Images

Images used by the website are stored under the Content section of the website administration page. Under Content there is an Images section that holds all photo documents the Oregon Tech website uses. The Images section is broken up into folders for holding/organizing files.

To get to the Images section, first click on the Content heading and then click Images in the drop-down menu.

This page provides tutorials on:

  1. Inserting Images in Pages
  2. Working with Image Libraries
  3. Working with Images

Inserting Images on a Page

Images can be published on a webpage with the help of the Content block widget.

Click the Image Manager icon to insert an existing image or upload and publish a new image from your computer.

Image Manager icon

Publish Image From Your Computer:

  1. Select the From your computer option.
  2. Click Select... button next to "Which image to upload?" option.
  3. Find the image you wish to upload using the Operating System's file explorer.
  4. Once image is selected, click Select a Library button under "Where to store the uploaded image?" option.
  5. Choose the appropriate library location under the department the image will be published for and click the Done button.
  6. Click the Upload button.
  7. Edit the image by including a Title, Alternative text for visually impaired and search engines, Alignment of image to text, and margin of text and image. Note: A 'Right' Margin of 15px and left justified alignment is suggested.
  8. Click the Save button.
Image Select

Publish Images Already Uploaded:

  1. Select the From already uploaded option.
  2. If you know the name of the image use the search option. If not, select the department list located on the right hand side of the images screen. Note: the most recently uploaded images will be shown under the search bar.
  3. Select the image you wish to publish.
  4. Click the Done button.
  5. Edit the image by including a Title, Alternative text for visually impaired and search engines, Alignment of image to text, and margin of text and image. Note: A 'Right' Margin of 15px and left justified alignment is suggested.
  6. Click the Save button.
Image Edit
Back to Top

Working with Image Libraries

Create a Library

Most users will find that a library (folder) has already been created for their department. However, additional organization of images may be desired.

As established permissions permit, Sitefinity allows sub-folders to be created within a library. In the appropriate department library, you can click the Create a library button at the top of the screen.

Create a library
Back to Top

Working with Images

Edit Image: Crop/Resize/Rotate

Sitefinity allows for image editing including: Crop, Resize, and Rotate.

An edited image can then be saved, or saved as a separate file within the image library.

Image_Crop Resize Rotate

Replace Existing Image

To update an image that is already uploaded in your Images library, follow these steps:

  1. Navigate to the Image library where the image file has been uploaded to. If you don't know where the image file is saved, follow the path of the image URL (right-click image on live site and "Copy image URL" into Notepad/Word) and you will see the folder(s) and image name in link extension.
    Ex. http://www.oit.edu/images/default-source/public-relations/solar1.jpg&sfvrsn=6
  2. Click the Title of the image to edit the image.
  3. Click Replace Image button, under the Title field.
  4. Follow the steps to either drag & drop or select your replacement document.
  5. After the new image file name appears, click Publish.
Re-upload-Image
Drag-Drop-Images
Back to Top