Uploading Images

 Prerequisites

This tutorial assumes you already know the following:

1. Logging in to CommonSpot

Overview

Each image for the site is stored in the site's Image Gallery. Once an image is uploaded into the gallery, it can be inserted onto the site in an element.

If your images are large, we recommend that you resize them before uploading. If you don't know how to resize your images, view the resizing images tutorial.

Step 1: Log in and View the Toolbars

1. Log in to the site.
2. Click the pencil icon at the top right of the screen.
3. Select View Page in CommonSpot to see the CommonSpot toolbars.

Step 2: Add Your Image

Choose Where to Upload Your Image

1. Click New in the gray toolbar.
2. Click on Image. 
3. Select the subsite (folder) you want to upload the image into.

Uploading a Single Image

1. Click Upload a Single Image.
2. Under Upload New Image, click the Browse button.
3. Description: A brief description of the image.
4. Category: What kind of image is it?
5. Keywords: What words do you think people would put in a search box to find this image?
6. Click Next.

Uploading Multiple Images

Upload the Images

1. Click Upload Multiple Images.
2. Add your images to the box. Either:
3. • Drag the images into the box, OR
   • Click Add Image and browse to the image on your computer for each one.
4. Click Upload Images.
5. There will be a screen informing you that the images have been added to your Pending Images.
6. Click Next.
7. Give each image a description (A brief description of the image). 

Enter the Image Properties for Each Image

• To do each image separately, click on the pencil icon next to the image.
• If more than one image shares the same properties (including keywords) then select the box next to each and click on Enter Properties.

Fill out the Image Properties:

1. Category: What kind of image is it?
2. Keywords: What words do you think people would put in a search box to find this image?
3. • This is especially helpful when finding your image in the Image Gallery later.
4. Click Next.

Custom Properties

1. Department: Which department is providing the information on this page?
2. Topic: Hierarchical list of topics relevant to city and county governments.
3. Audience: Does this page best apply to a certain group of people?
4. Ward: Does this page best apply to a specific ward or wards?
5. Neighborhood: Does this page best apply to a specific neighborhood or neighborhoods?
6. Content Type: List of content genres.
7. If this image needs to be attributed to the artist, go to the Image tab. Otherwise, click Finish.

Image Properties

If this image is a banner image, it needs the Image properties filled out. This allows the site to display the image Title, and give the photographer credit.

1. Image Title: The official name/title of the image.
2. Image Source: Who took the picture or created the image.
3. Contact Data: The artist's email address.
4. Click Finish.

The image has now been added to the image gallery, and is ready to be inserted on a page.