How can we help you today?

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.


SharePoint  web parts


TABLE OF CONTENTS


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.


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:


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:

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.


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 OverlayText Overlay

allows you to add a description over the image. You can write up to 48 characters.

ResizeResize

allows you to customize the size of the image.

Crop & Aspect RatiosCrop & Aspect Ratios

allows you to crop the image.

Align CenterAlign center

allows you to change the alignment of the image.

Advanced EditingAdvanced Editing

allows you to further edit the image.



Step 4: Publish / Republish

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

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.


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.

Image gallery



Step 3: Select Layout

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


GridGrid
BrickBrick

Carousel
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:


Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 13 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more