Skip Navigation LinksHome / Offices and Services / Marketing / Guidelines and Templates / SharePoint Instructions / How to Edit and Style a Page

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. Be sure to select “Images” in the dropdown—do not save images into the Documents Library. 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 the Image Styles tool to set the width of the image and align it on the page. It’s worth it to try several widths and alignments (each time clicking Save & Close to see how it will look when published) to get the best effect with the text.

Screenshot Float Image


Note: You can reset an image’s Horizontal and Vertical sizes back to their native values by clicking Clear Format.

Clear Formattinf icon and screenshot

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 the Image Styles tool to set the width of the image and align it on the page. It’s worth it to try several widths and alignments (each time clicking Save & Close to see how it will look when published) to get the best effect with the text.

Screenshot Float Image


Note: You can reset an image’s Horizontal and Vertical sizes back to their native values by clicking Clear Format.

Clear Formattinf icon and screenshot