SharePoint Online Image Web Part

I will explain how to use a SharePoint image web part in this SharePoint Online tutorial. Then, I will show you how to insert an image in the SharePoint Online page by using different sources. In the last, we will discuss the SharePoint Online image web part customization.

Microsoft provides a lot of web parts in SharePoint Online, and one of these web parts is the Image web part. This image web part allows us to choose an image from recently uploaded images, stock images, web searches, your organization, current site, OneDrive, etc…

You can see here I have added an image on the SharePoint Online page by using an image web part, and inside this, I have added a caption for this image and added the text over the image.

SharePoint Online Image Web Part

Here, we will see how to add and use an image web part from SharePoint Online. To achieve it, follow the below steps. Such as:

• Open the SharePoint Online page where you want to add an image web part and click on the + icon (To add a new web part) like below.

• Then, search the image option and select the Image web part under the Search results.

• Once you add the image web part, it will ask you to select an image from different sources. Such as:
  • Recent: You can select recently opened SharePoint documents, pages, images, etc…
  • Stock images: We can select Microsoft stock images for our SharePoint page.
  • Web search: If you want to insert an image on the SharePoint page, you can use web search.
  • OneDrive: You can also get an image link from OneDrive.
  • Site: We can also get an image link from our SharePoint site.
  • Upload: You can also upload an image from your local device.
  • From a link: We can provide an image link to get an image on the SharePoint site page.

• Here, you can see I have uploaded the image from my local device, and now I have to add an image by using the Add image button like below.

• Once you add the image to the SharePoint Image web part, it will look below.

This is how to add and use a SharePoint Online image web part.

SharePoint Online Image web part Customization

Let us discuss how to customize a SharePoint image web part. To do so, follow the below steps. Such as:

• In the SharePoint Image web part, click on the Edit icon like below.

• Then, go to the Image pane to customize the image web part. Such as:
  • Change: You can also change the image and image options by using the Change button.
  • Link: You can also provide an image link as well.
  • Add text over image: We can turn on the Add text over image toggle to add our text here (We can only add 48 characters to it).
  • Alternative text: You can briefly describe in a sentence about the image.
  • Add a caption: We can also provide a caption for an image.

Note:

SharePoint Server Subscription Edition and SharePoint Server 2019 only support alternative text when you’re editing the web part.

• Once you can add the text, add a caption, and alternative text, it will look like below.

• Additionally, we can also do the following SharePoint image web part customization such as:
  • Resize: You can resize the image by using the drag-and-drop feature, as shown below.

• Crop & Aspect Ratios: You can also set the proportion of the width and height of your image by using different ratios and manually crop the image by using the drag and drop option.

• Alignment: You also change the image alignment as per your needs, like below.

• Reset: By using this Reset icon, you can undo all of the changes that you’ve made.

• Once you have made all the changes, click on the Republish button as shown below.

This is all about the SharePoint Online image web part customization.

Conclusion

Here, from this SharePoint Online tutorial, we learned all about the SharePoint Online image web part. Then, we saw how to use a SharePoint image web part. In the last, we covered the SharePoint Online image web part customization.

You may also like:

• Bing Maps Web Part in SharePoint Online
• Embed Code Web Part in SharePoint Online
• Text web part in SharePoint Online
• SharePoint Online Code Snippet Web Part