Monday 27 February 2017

Working with Images in a SharePoint Online

In this article, we will describe all about working with Images in a SharePoint Online.
Today, I am talking about Images in SharePoint and uses of the same, in this article I will be discussing shot about Picture library and we will have demo for various way to upload and add images in SharePoint Site pages.
  • About Picture Library
  • How to add Pictures in Library and Page with various ways

Let us start from one by one as said above:
About Picture Library:  It is inbuilt library from SharePoint online which enable us to share collection of digital pictures or graphics. We can upload images to picture Library from site such team site, Blogs, Wiki or other publishing site. We can Use the same images from anywhere in the same site collection and can access centrally. Picture Library is 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 type of Image Library will be showing under the site contents page:
Picture Library
Wiki Page Library
Asses Library
Below is the screen shot for Picture Library from SharePoint Online:

How to add Pictures in Library and Page with various ways: In this section, I will describe more about how to add picture in the Picture Library or other 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 on edit from the Ribbon and Page tab or left side edit option will be available, also can edit the page from site settings gearbox and select edit page. Below is the Screen shot for all above said option:
  • Now remove default, Get start web part and we will see how to add images here.
  • Click on Insert tab from SharePoint Online Ribbon page and click on Picture, it will get drop down option with three option: 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, check box for existing same name, and add new version for same name of image.
  • Select destination Library by default Site collection Image Library will be selected, you can select other Images from other available library drop down box.
  • Version Comment: write a comment and click on ok, see below screen shot 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 inserted page.
  • To add from address click on Image drop down box and select add from address, one POP up box will get open paste url and enter alternative text and click on 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 on the from SharePoint and it will open in new wizard of select an assets, Here select images from available library or enter URL within the same Site collection and click on Insert.
See below screen shot Result:
Above steps were from Insert Image option, now I will show some other way to upload or add images in SharePoint Online.
Copy and Paste: We can add image just by 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 on add.
  • Once web part will get added select web apart, edit the same web part and assign the image URL from saved path, click on Apply, and ok. See the Below Result and steps in the screen shot:
Adding Image from Web part called Picture Library slide show:  We can add images as slide show in the same page or Site.
  • Click on page or site and edit the same, click on add web part from insert tab and drop down for the media and content under this web part we can see the sub web part called Picture Library slide show is available just add this.
  • Once Slide show is added configure the by edit web part and assign the folder or path where many of 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 free version Just Navigate your site contents and select your SharePoint Store.
Search for Free Slider App, and click on Add it.

  • Just click on the app and add it to the site.
  • Once it will add will prompt us for Trust this app, click on trust this app and click on create App List from Site content:
  • List has been added, now we need to configure this App.

4 comments:


  1. Office 365 Project

    http://glms.com.au/project-prioritisation-and-portfolio-management/

    Please Click below website here & Get Office 365 Project.

    ReplyDelete
  2. Excellent and very cool idea and the subject at the top of magnificence and I am happy to this post..Interesting post! Thanks for writing it.What's wrong with this kind of post exactly? It follows your previous guideline for post length as well as clarity
    Sharepoint Training in Chennai

    ReplyDelete
  3. Infycle Technologies, the best software training institute in Chennai offers the best AWS training in Chennai for tech professionals. Apart from the AWS Course, other courses such as Oracle, Java, Hadoop, Digital Marketing, Selenium, Big Data Android, and iOS Development, DevOps and Azure will also be trained with 100% hands-on training. Dial 7502633633 to get more info and a free dem
    o.

    ReplyDelete
  4. Grab the Oracle Training in Chennai from Infycle Technologies the best software training and placement center in Chennai which is providing technical software courses such as Data Science, Artificial Intelligence, Cyber Security, Big Data, Java, Hadoop, Selenium, Android, and iOS Development, DevOps, etc with 100% hands-on practical training.

    ReplyDelete