SharePoint 2010 : Photo Management [Profile Pictures]

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.

2 comments

  1. 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.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s