While building this site, I stumbled over a small problem regarding proper picture scaling with CSS. The original template had a simple scaling for the comments display which scaled any avatar to a fixed size of 48 by 48 pixels. Non-square avatars were, of course, looking a bit strange because of this scaling method.
User pictures are usually small, but restricting their size too much is not always the best idea. Some people insist on a certain level of “quality” for their user pictures, so a size of at least 100 by 100 pixel should be allowed for a profile picture, unless you really need to care about traffic a lot.
Now, 100 × 100 is fine for the profile or other locations, but for forum posts and especially comments, I would consider a 100 × 100 sized user picture too large. But when the pictures themselves are larger than – say – 100 × 100 pixels, you must dynamically downscale them for certain places of your site. Read more...