SharePoint 2013 – Image Rendition


Image rendition is a new capability in SharePoint 2013 helps you to optimize images in your SharePoint site through having the same image but in different sizes. This will enhance the user experience through browsing the SharePoint site from different devices, like laptop or mobile.

How does it work?

Simply when you upload an image, SharePoint will give you the ability to resize the image.

Implementation:

1- Create a publishing site collection.

2- Click on site contents

1

3- Click on SETTINGS

2

4- Under Look and Feel Section, click on Image Rendition

3

5- You will notice an error on the top of the page. This is because the BLOB Cache is not configured

Untitled

6- Enable BLOB Cache:

a. Go to web.config

b. Search for BlobCache Section

c. Change the value of the attribute enabled to “true”

4

d. Save and close web.config

7- Refresh Image Rendition.

8- By default, there will be 4 predefined rendition configured on your SharePoint site.

9- Create a new rendition, by adding new item link

5

10- Enter the Name, width and height, and then click Save.

11- Each rendition type has a unique ID. This ID will be used as a URL parameter to render the required image size.

12- Upload an image to Image Library

13- Hover the cursor on the uploaded image and then click on …, then on Edit Rendition

6

14- Click on “Click to Change” for the display template 100*100

7

15- Move the selected area for the needed space and click save

8

16- Create a new Article Page

9

17- Edit the page and add an image to on the left

18- Select the image on the left

19- On the top bar, click on Image, Click on Pick Rendition.

20- Choose the required setting to show the image.

10

 


Comments (9)

  1. Anonymous says:

    can you share some about API to use Image Image Rendition

  2. Anonymous says:

    this some thing SharePoint 2013 really Improved

  3. BlueSky2010 says:

    Thanks for posting this useful article Zaki!

  4. susaa says:

    This feature is not consistent. Some time it shows cross image. If we have rendition value as 8 with some pixel, it will not work after some day. Then if we change rendition query with other than 8 it is working.

    Also able to find the image in BLOB cache folder. Not sure what are we missing.

    Please help us..

  5. Anonymous says:

    Pingback from Upload images to list with links using rendition | System Admins

  6. Anonymous says:

    Pingback from ?????????????????????? ???? ?????? ?????????????? ???????????? ???? SharePoint Experts 2014 | Microsoft SharePoint Israel

  7. Muhammad Talal Shoaib says:

    Nice article.. !!

  8. fred says:

    this is good stuff

  9. showbox says:

    Thanks for the great info. I really loved this. I would like to apprentice at the same time as you amend your web site, how could i subscribe for a blog site?
    For more info on showbox please refer below sites:
    http://showboxandroids.com/showbox-apk/
    http://showboxappandroid.com/
    Latest version of Showbox App download for all android smart phones and tablets.
    http://movieboxappdownloads.com/ – It’s just 2 MB file you can easily get it on your android device without much trouble. Showbox app was well designed application for android to watch movies and TV shows, Cartoons and many more such things on your smartphone.
    For showbox on iOS (iPhone/iPad), please read below articles:
    http://showboxappk.com/showbox-for-ipad-download/
    http://showboxappk.com/showbox-for-iphone/
    Showbox for PC articles:
    http://showboxandroids.com/showbox-for-pc/
    http://showboxappandroid.com/showbox-for-pc-download/
    http://showboxforpcs.com/
    There are countless for PC clients as it is essentially easy to understand, simple to introduce, gives continuous administration, effectively reasonable. it is accessible at completely free of expense i.e., there will be no establishment charges and after establishment
    it doesn’t charge cash for watching films and recordings. Not simply watching, it likewise offers alternative to download recordings and motion pictures. The accompanying are the strides that are to be taken after to introduce Showbox application on Android.
    The above all else thing to be done is, go to the Security Settings on your Android telephone, Scroll down and tap on ‘Obscure sources’.