Inserting Images

Images can come from three different places, from your computer, from an external website, or from SharePoint. In general only use images from your computer and from SharePoint. If your image has already been used somewhere in SharePoint do not upload it again, find the folder where it lives and follow the "From SharePoint" instructions.

From Your Computer

Step 1:

Place the cursor in the location where you want to add an image.

Step 2:

Under Editing Tools, select the Insert tab, the Picture button, and dropdown to From Computer.

Screenshot Upload Image from Computer 

Step 3:

From the dropdown list select Images as the destination of your file. Browse for your image on your computer as you would an email attachment. Check "Overwrite Existing Files" if you are replacing an existing image.

Screenshot Upload to Images 

Step 4:

The pop-up on your screen will be a Properties page. Use this page to name your file appropriately. Make sure the Name is meaningful to what the image describes. Use hyphens to separate individual words. Click Save when done. Note that the image you upload will now reside in your subsite's Images folder.

Screenshot Image Properties 

Step 5:

Enter a description of the image in the Alt Text field and use Position > Float tool to align the image. In this example, the image has been aligned to the Right.

Screenshot Float Image
Step 6:

Although your image now lives on SharePoint it cannot be seen on your page unless you Publish it. Go to Manage Content and Structure.

Screenshot Manage Content and Structure
Step 7:

Click on Images to enter the folder.Screenshot Select Folder

Step 8:

Select the image you just uploaded and wish to Publish.

 

Step 9:

Actions > Publish to make the image live.

 

From SharePoint 

Step 1:

Place the cursor in the location where you want to add an image.

Step 2:

Under Editing Tools, select the Insert tab, the Picture button, and dropdown to From SharePoint.

Screenshot Upload Image 

Step 3:

Navigate to the Images directory that contains the picture you want to insert, click on the image once to highlight in blue, then press OK.

Screenshot Select Image 

Step 4:

Enter a description of the image in the Alt Text field and use Position > Float  tool to align the image. In this example, the image has been aligned to the Right.

Screenshot Float Image