SharePoint Online: Working With Images
In this article, we will be discussing all Picture library and we will have a demo for various ways to upload and add images in SharePoint Site pages.
Let us start from one by one as said above,
About Picture Library:
It is an inbuilt library from SharePoint online which enables us to share collections of digital pictures or graphics. We can upload images to picture Library from sites such as team sites, Blogs, Wikis or other publishing sites. We can use the same images from anywhere in the same site collection and can access them centrally. Picture Library is an inbuilt Application and Web part for SharePoint online or On-premises from 2010 version. If we will see in the SharePoint site collection there will be three types of Image Libraries which will show up under the site contents page,
- Picture Library
- Wiki Page Library
- Asses Library
Below is the screenshot for Picture Library from SharePoint Online,
How to add Pictures in Library and Page in various ways:
In this section, we will describe more about how to add pictures in the Picture Library or another page in the SharePoint Online in multiple ways.
Let us start one by one adding images in the SharePoint page,
Open any site page of SharePoint online, click Edit from the Ribbon and Page tab or left side edit option will be available, also you can edit the page from site settings gearbox and select edit page. Below is the Screenshot for all above-said options,
Now remove the default, get the start web part and we will see how to add images here.
Click Insert tab from SharePoint Online Ribbon page and click Picture, it will get a drop-down option with three options: From Computer, From Address, From SharePoint
From Computer
If we are selecting from computer option from insert image on SharePoint Online:
We need to browse and Upload Image from Local system. Select path by clicking on Browse option, the checkbox for the existing same name and add a new version for the same name of the image.
Select destination Library by default Site collection Image Library will be selected, you can select other Images from another available library drop-down box.
Version Comment write a comment and click OK, see below screenshot for more details,
From Address
Using this option we can copy any available image on the Internet and can insert to any of page.
Note
If copied Link image will be deleted from destination folder or URL, Image will be unavailable from the inserted page.
To add from address click Image drop-down box and select add from address, one POP up box will get open paste URL and enter alternative text and click OK. See below result,
From SharePoint:
We can upload images anywhere from available in the SharePoint site collection. From the same site collection, we can use for any of Library page, subsite or others.
- To add images from SharePoint option under the Image: click the from SharePoint and it will open in a new wizard of select an assets. Here select images from the available library or enter URL within the same Site collection and click Insert.
See below screenshot Result,
Above steps were from Insert Image option, now we will show some other way to upload or add images to SharePoint Online.
Copy and Paste:
We can add images just by the copy and paste option.
Adding Image from Web Part: we can add Image from web part available in SharePoint.
Just select Add web part and select Image Viewer from Media and contents and click Add.
Once web part gets added the select web part, edit the same web part and assign the image URL from the saved path, click Apply, and OK. See the Below Result and steps in the screenshot,
Adding Images from web part is called Picture Library slide show: We can add images as a slide show on the same page or Site.
Click page or site and edit the same, click add web part from insert tab and drop down for the media and content under this web part we can see the subweb part called Picture Library slide show is available just add this.
- Once Slide show is added and configured by the edit web part and assigned the folder or path where many of the images are uploaded.
Adding Images using Site App Part: We can add images to SharePoint site using App Part.
Adding Image Slide show from Apps in the SharePoint from SharePoint Store
We can add image slide show from Apps also, this will be the free version. Just navigate your site contents and select your SharePoint Store.
Search for Free Slider App, and click Add it.
Just click the app and add it to the site.
Once it adds, it will prompt us for Trust this app, click Trust this app and click create App List from Site contents,
The list has been added, now we need to configure this App.