GD Bloggers

This is the blog site for Microsoft Global Delivery Communities focused in sharing the technical knowledge about devices, apps and cloud.
Follow Us On Twitter! Subscribe To Our Blog! Contact Us

SharePoint 2013 - Image Rendition

SharePoint 2013 - Image Rendition

  • Comments 8
  • Likes

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.


1- Create a publishing site collection.

2- Click on site contents


3- Click on SETTINGS


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


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


6- Enable BLOB Cache:

a. Go to web.config

b. Search for BlobCache Section

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


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


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


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


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


16- Create a new Article Page


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.



  • this some thing SharePoint 2013 really Improved

  • can you share some about API to use Image Image Rendition

  • 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..

  • Thanks for posting this useful article Zaki!

  • Nice article.. !!

  • this is good stuff

Your comment has been posted.   Close
Thank you, your comment requires moderation so it may take a while to appear.   Close
Leave a Comment