Image Rendition In SharePoint Server 2013

On site settings -> Click Add an app -> Pick Asset library template app.

Click Create.

Next step is to let’s go and create image rendition.

Open site settings -> Under look and feel -> click Image rendition

Click New.

Provide the width and height of image rendition.

Click Save.

Thus, the Image rendition has been created successfully.

“logo” has been successfully created.

Edit Image rendition

Click Edit icon.

Change the given width and height of the created rendition and click Save.

Now, the image rendition has been edited successfully.

Let’s go and upload a sample image into asset library and pick the rendition.

After successful upload of an image -> click Edit renditions.

Thus, rendition has been created successfully to upload an image automatically

You can also crop the image, using click to change the option given below.

Crop it and click Save.

In the ribbon tab also, you can edit rendition option while selecting the image.

Next step is how to use image rendition in SharePoint page

Click Site action gear icon -> Add page.

On the page content, click on the top ribbon to insert picture from the options given below.

Click Insert.

On the Image tab -> Pick Rendition.

Click Save -> Publish.

As of now, you are able to use the same image with different height and width on different pages, using this feature.

How to use image rendition on image tag

Code

<img src=” /sites/imr/PublishingImages/17457619_1377913145602400_6065847167570624938_n.jpg?RenditionID=5” />

Happy learning.