In this post we will discuss about the new feature introduced in SharePoint 2013 name as Image Rendition. Also you can check out my previous posts on:
Image Rendition is a new feature introduced in SharePoint 2013. It helps in creating different rendition formats for media files like video files or image files.
Before using image rendition we have to configure it in Site Settings. If configured properly SharePoint dynamically transforms an image to the settings specified in its rendition and then it caches it on the web front end to serve future requests.
To define the image rendition, go to Site Settings -> Look and Feel -> Image Renditions. It will ask for a Name, height and width. This will define the image rendition.
Then you can upload an image, and then click the image hover panel to see the different renditions in effect or click the Click to Change link to further crop the image to ensure the important details in the image are still focused after being resized by a specific rendition.
Then when adding a media file to a page, you can select the image rendition which you want to the page. Once you will add it will appear like below:
This improves a lot in user experience in mobile devices.