Hi All -<div><br></div><div>I think it's important that the profile picture be available in multiple resolutions. Displaying the user's picture is one of the most compelling indicators of the "logged in" user experience. There are many examples where profile pictures need to be displayed in different sizes based on the context:</div>
<div><br></div><div>- (small) Logged in indicator on a web toolbar (as seen on Google, Yahoo, Twitter)</div><div>- (medium) Tooltips when hovering over an identifier (LinkedIn, GMail, Facebook News feed)</div><div>- (medium) Attribution in an activity stream (LinkedIn, Twitter, Facebook, Google+)</div>
<div>- (large) Profile pic as displayed on Profile Page </div><div>- (original size) - clients may want the original image (Twitter, Facebook) </div><div><br></div><div>The descriptors small/medium/large probably are going to change over time, especially as clients continue to evolve, and display resolution density increases.</div>
<div><br></div><div>It looks like the model that is currently used is that IdPs return the profile pic URL, and clients can append a query parameter to the base URL if they want a size other than the default. For example, twitter uses "size=bigger" and Facebook uses "type=large" to get pics larger than the default.</div>
<div><span class="Apple-style-span" style="font-family: arial, sans-serif; font-size: 13px; background-color: rgb(255, 255, 255); "><div><a href="https://api.twitter.com/1/users/profile_image?screen_name=atom" target="_blank" style="color: rgb(6, 88, 181); "><br class="Apple-interchange-newline">
https://api.twitter.com/1/users/profile_image?screen_name=atom</a></div><div><a href="https://api.twitter.com/1/users/profile_image?screen_name=atom&size=bigger" target="_blank" style="color: rgb(6, 88, 181); ">https://api.twitter.com/1/users/profile_image?screen_name=atom&size=bigger</a></div>
<div><a href="https://graph.facebook.com/allentom/picture" target="_blank" style="color: rgb(6, 88, 181); ">https://graph.facebook.com/allentom/picture</a></div><div><a href="https://graph.facebook.com/allentom/picture?type=large" target="_blank" style="color: rgb(6, 88, 181); ">https://graph.facebook.com/allentom/picture?type=large</a></div>
<div><br></div></span></div><div>Perhaps the best want to future proof the size parameter is to just specify the preferred resolution, and the server will try to return the best sized image that it can. So for example a client can specify "size=200x300" to request a 200px by 300px profile image. Perhaps a special case "size=original" can be used to get the original image, if available.</div>
<div><br></div><div>So the proposal is that clients can add an optional "size=XXXxYYY" parameter when linking to the profile picture to specify the desired size.</div><div><br></div><div>Thoughts?</div><div>Allen</div>
<div><br></div><div><br>
<br><div class="gmail_quote">On Tue, Aug 16, 2011 at 9:57 PM, Edmund Jay <span dir="ltr"><<a href="mailto:ejay@mgi1.com" target="_blank">ejay@mgi1.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<br><br>
* Allen made some suggestions of using small, medium (bigger), and large values for resolution and aspect ratios of profile pictures. Pointed to examples from<br>
Twitter and Facebook.<br>
Allen should write a detailed explanation for values?<br>
<br></blockquote></div></div>