Image renditions are applied to images inserted into SharePoint page content. In this recipe, we will insert an image into a page and apply an image rendition to it.
How to do it...
Follow these steps to apply an image rendition to an image in page content:
In your preferred web browser, navigate to the publishing page and open it for editing.
Place your mouse cursor in a content zone on the publishing page.
Tip
If the publishing page does not have a content zone, a Content Editor Web Part may be added to a web part zone.
Navigate to Picture | From SharePoint on the INSERT tab in the ribbon as shown in the following screenshot:
Tip
We can also select From Computer to upload an image from the local filesystem to the site.
Select the image you want to insert.
Click on Insert.
Select Pick Rendition from the IMAGE tab in the ribbon.
Select the image rendition to be applied.
Save the publishing page.
How it works...
Applying an image rendition to an image will create a cached version of the image based on the image rendition definition. When a web browser requests the image, the cached version will be returned instead of the original image. In addition, any changes to the image rendition will automatically update the cached images.