How to Display Images on your SharePoint Page using SharePoint Web Parts

This article will demonstrate how to insert images into your SharePoint page using the Document Library, Image, and Image Gallery web parts.

TABLE OF CONTENTS

• Interactive Tutorial
• Step-by-step Tutorial
  • Option 1: Using the Document Library Web Part
    • Step 1: Add the Document Library web part
    • Step 2: Choose the Document Library
    • Step 3: Customize the Display Style
    • Step 4: Publish / Republish
  • Option 2: Using the Image Web Part
    • Step 1: Add the Image web part
    • Step 2: Insert Image
    • Step 3: (Optional) Customize the Image
    • Step 4: Publish / Republish
  • Option 3: Using the Image Gallery Web Part
    • Step 1: Add the Image web part
    • Step 2: Add Images
    • Step 3: Select Layout
    • Step 4: Publish / Republish
• Looking for More Image Customizations?

Interactive Tutorial

Start the interactive tutorial to learn how to add images using SharePoint web parts:

DESIGN  TIP: Want to make your images more interesting? ShortPoint provides its users with unique ways to display and customize their images! Check out ShortPoint: Adding Images to learn more.

Step-by-step Tutorial

There are three ways to add images using SharePoint web parts. Follow the option that best suits your needs:

Option 1: Using the Document Library Web Part

This web part is the best option if you want to have the ability to readily upload new images to your Document Library.

Step 1: Add the Document Library web part

• Go to the SharePoint page you want to use and click Edit.

• Select the gray plus icon.
• Use the search bar to look for Document Library and click it.

Step 2: Choose the Document Library

• Find the Document Library you want to display and click it.

Step 3: Customize the Display Style

• Select All Documents:

• Choose Tiles from the drop-down.

NOTEYou can also directly upload images to your Document Library using this web part. Simply click Upload:

Step 4: Publish / Republish

• Once you are satisfied with your edits, click Publish / Republish.

Option 2: Using the Image Web Part

This web part is the best option if you want to upload a single image to your page.

Step 1: Add the Image web part

• Go to the SharePoint page you want to use and click Edit.

• Select the gray plus icon.
• Use the search bar to look for Image and click it.

Step 2: Insert Image

• Select the image you want to use or upload it.
• Click Add Image.

Step 3: (Optional) Customize the Image

• Customize the image according to your preference. Below are the settings you can modify:

	Text Overlay	allows you to add a description over the image. You can write up to 48 characters.
	Resize	allows you to customize the size of the image.
	Crop & Aspect Ratios	allows you to crop the image.
	Align center	allows you to change the alignment of the image.
	Advanced Editing	allows you to further edit the image.

Step 4: Publish / Republish

• Once you are satisfied with your edits, click Publish / Republish.

Option 3: Using the Image Gallery Web Part

This web part is the best option if you want to upload multiple images to your page.

Step 1: Add the Image web part

• Go to the SharePoint page you want to use and click Edit.

• Select the gray plus icon.
• Use the search bar to look for Image Gallery and click it.

Step 2: Add Images

• Click Add Images.
• Select all the images you want to display.
• Click Insert.

NOTEYou can also connect the Image Gallery web part to a Document Library. Simply select [1] Dynamically display images from a library, find the name of your [2] Document Library, and modify the [3] Maximum number of images to display.

Step 3: Select Layout

• Choose the Layout you prefer. You can choose from:

Grid
Brick
Carousel

• Click the cross icon.
• Add a title to your Image Gallery.

Step 4: Publish / Republish

• Once you are satisfied with your edits, click Publish / Republish.

Looking for More Image Customizations?

If you need more ways to customize your Images, ShortPoint is perfect for you! ShortPoint has the Image, Image List, Image Carousel, Slideshow, and many more, which allow you to display your images in unique ways. To top it off, you have lots of OOTB options to modify the look of the images according to your needs. You can also use the web parts indicated above and customize them using the SharePoint Web Part Design Element.

ShortPoint also has the Connect feature which allows you to display dynamic image content on your page. Check out the interactive tutorial below to see for yourself the benefits of having ShortPoint on your SharePoint page:

Related articles:

• How to Add a SharePoint Web Part
• How to Change the SharePoint Site Theme Color
• How to Customize Your SharePoint Site’s Footer