Team blog of MCS @ Middle East and Africa

This blog is created by Microsoft MEA HQ near shoring team, and it aims to share knowledge with the IT community.With its infrastructure and development sides,It brings to you the proven best practices and real world experiences from Subject Matter Experts
Follow Us On Twitter! Subscribe To Our Blog! Contact Us

SharePoint 2013 - Image Rendition

SharePoint 2013 - Image Rendition

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

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

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