Introduction:
In SharePoint 2010, Microsoft made an effort to make our pages more inviting by using people’s profile pictures to identify them throughout the product. They also tried to fix stretching/scaling problems and wanted to provide administrators with an easier way to manage these photos by storing them in a central location. Lets see how SharePoint 2010 manage Profile picture.
The SharePoint 2010 profile picture story:
SharePoint 2010 maintains three differently sized thumbnails of the profile pictures to be used in different contexts in the product. Out of box, it uses the large (144×144 px) thumbnail on the profile page contact card, the medium (96×96 px) thumbnail on the people search results page and the small (32×32 px) thumbnail on various webparts and controls displaying people data like the Newsfeed, Colleagues.
When a user uploads his profile picture using the photo upload UI on the “Edit Profile” page, SharePoint 2010 resize the uploaded image to create 3 thumbnails of above mentioned sizes. There is no need to crop the images but just resize them maintaining the original aspect ratio, so that the largest dimension matches the target thumbnail dimension. If the original image is smaller than the target size, SharePoint 2010 save the small image as the thumbnail instead of stretching it to meet the target. Here are some examples to make this clear:
Original | Large | Medium | Small |
200X100 | 144X72 | 96X48 | 32X16 |
40X40 | 40X40 | 40X40 | 32X32 |
All the photo thumbnails are stored in a folder named “Profile Pictures” under a Picture Library called “User Photos” under the MySiteHost site collection. Thus, we now have a centralized photo store holding the profile images for every user.
We have the following naming convention for the thumbnail files:
Thumbnail | Image File Name | Size |
Large | domain_username_LThumb.jpg | 144×144 |
Medium | domain_username_MThumb.jpg | 96X96 |
Small | domain_username_SThumb.jpg | 32X32 |
The full URL of the medium thumbnail (like, “ http://<mysitehost>/User Photos/Profile Pictures/<domain>_<username>_MThumb.jpg”) is stored in the user profile database.
SharePoint 2010 expects all the 3 thumbnails to be stored at the same location and follow the above file naming convention. Depending upon the context where the photo is rendered, SharePoint decides what thumbnail size to use and generates that URL from the _MThumb URL
I hope this article will help you understand how SharePoint 2010 handles user’s profile photos and tune your existing photo upload and storage mechanism to work seamlessly with 2010.
Hi, May I know if there is away around this 3 thumbnails because I am having issues with the resizing, if the image container is too small the image is distorted because it is retrieving the image with _MThumb url. I need the LThumb url but my container is just 30px width and auto height. I planned to retrieve the LThumb url so that it won’t be too distorted when displayed.
Also, May I know if there is a way I can prevent this generating of thumbnails so that the image resolution stays the same without having to customize a code for it?
thank you very much for the help.
JFYI – a solution for thumbnails preview in SharePoint 2010/2013: http://www.harepoint.com/Products/HarePointThumbnails/Default.aspx
Note it allows to generate preview in SharePoint libraries both for images and files (.doc, .xls, .pdf, etc).