Section Menu

How to insert an image

Inserting images can be very simple and quick. However, there are a number of ways to approach images and a number of ways to upload images into OU Campus. The list below will lead to relevant tutorials that can be helpful in deciding what you need and the best approach for achieving your desired result.

Tips on preparing images

There are many ways of handling images and just as many applications that can be used to do so. The most common edits will likely be to resize or to crop an image. Here are applications and links to instructions to learn how to do just that.

Using Photoshop (available by purchasing for Mac or PC): Watch videos on Adobe TV on how to resize an image or how to crop an image. Note: Photoshop is an advanced photo editing application designed for advanced users. These links are to instructions for CS6. Tutorials are available on Adobe TV for other versions.

Using Paint (available for free for Mac or PC): Read how to resize an image or how to crop an image.

Using Picture Manager (available for free for Mac or PC): Read about how to resize an image or how to crop an image.

Using Preview (available for free for Mac): Read how to resize or crop an image.

Not sure how large images should be?

With so many ways to edit, resize, crop and color correct (this list is seemingly endless) images, it is good to start with a basic understanding of digital images. The most critical feature as it relates to a responsive website like UTC's is size and, more specifically, pixels.

What is a pixel? Glad you asked. According to Webopedia, a pixel (short for Picture Element), is a single point in a graphic image.

So what? Another good question. Basically, each pixel adds physical size to an image, and the pixel dimensions will give you hints as to how the image will display. To help visualize this and to see some recommended image sizes for UTC's pages, check out these examples.

What about captions? Or rows of images?

There are some pre-built snippets for that.

©