Target:
What is the Image Renditions?
Details:
What is the Image Renditions?
Is a new concept to SharePoint 2013 .The
basic purpose of image renditions is to offer differently sized versions of
images uploaded into SharePoint. To take advantage of this useful feature, you
need to be working on a site with publishing features enabled, and also have
BLOB caching enabled for your web application.
When using image renditions, your image
will be cropped and resized according to a handful of preset sizes, including
any custom sizes you create. You can then further customize how each image is
cropped and resized for each rendition, and add those versions of the image to
the page. In past versions of SharePoint, it was possible to resize an image on
a page; however, the image’s file size remained the same no matter how large or
small the image actually displayed on the page. Image renditions aren’t just
the original image displayed smaller or larger. They are entirely unique image
files stored on the SharePoint server’s hard drive. When image renditions are
configured, SharePoint automatically crops and sizes the original image to the
specified dimensions and saves those files as individual images on the hard drive.
Those newly created images are then referenced back to the original image.
To enable the BLOB cache:
1- Start >> Computer
and navigate to the following directory: C:\inetpub\wwwroot\wss\VirtualDirectories.
2- Open the folder of the
web application in which BLOB caching will be enabled.
3- Open the web.config file
in Notepad or another editor.
4- Press Ctrl+F to open
the Find dialog and type <BlobCache.
5- Press Enter to perform
the search, which brings up the following line:
<BlobCache location="C:\BlobCache\14"
path="\.(gif|jpg|jpeg|jpe|jfif|bmp|dib|tif|tiff|themedbmp|themedcss|themedgif|themedjpg|themedpng|ico|png|wdp|hdp|css|js|asf|avi|flv|m4v|mov|mp3|mp4|mpeg|mpg|rm|rmvb|wma|wmv|ogg|ogv|oga|webm|xap)$"
maxSize="10" enabled="false" />
|
6- At the end of the line,
change enabled="false" to enabled="true".
7- Save the web.config file.
Demo: Using Image Rendition
1- Add image to image Library.
2- Create page in page
library "ImageRenditionsPage.aspx".
3- Insert S4.jpg image in
this page.
4- Click the Settings menu
>> Site Settings.
5- Under the Look and Feel
header, click Image renditions. (If you don’t have the BLOB cache enabled,
you’ll see an error on this page, so make sure it is enabled.)
6- Above the existing
image renditions, click the Add new item link.
7- Back to image library
and edit renditions for s4.jpg
8- In ImageRenditionsPage.aspx
edit page and pick renditions for the image to choose "New Image Rendition".
9- The result is:
Note: when you
open this image in new tab you must find RenditionID in query string .This Id
represent the Rendition which you choose.
Image renditions should save SharePoint
administrators (and end-users) some headaches by displaying physically smaller,
resized, and/or cropped versions of images on pages in the site.
Reference: SHAREPOINT®2013 BRANDING
and USER INTERFACE DESIGN Book.
1 comments :
Nice expiation on Image Renditions.This article has helped me so much to understand such a difficult term. Thanks for sharing.Background Removal Service
ReplyPost a Comment