1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Optimal Avatar Size, Format

Discussion in 'XenForo Questions and Support' started by Andy.N, Oct 21, 2010.

  1. Andy.N

    Andy.N Well-Known Member

    Many of us are moving from the VB world and we are used to the square, smallish avatar.
    With Xenforo using a different format for member card, I'd like to get some recommendation for my members to update their avatar using a specification that will display they pic perfectly in member card, thumbnail avatar, etc

    What is the best dimension, format they should use?
  2. Blandt

    Blandt Well-Known Member

    1 pixel by 1 pixel :D is the ideal format :D (just kidding)
  3. Brogan

    Brogan XenForo Moderator Staff Member

    The maximum size which is displayed on the profile is 192x384 pixels.

    The various avatars used throughout the site are crops and resized versions of that: 96x96, 48x48.

    So it really depends on whether you want to utilise all the available space available on the profile page or not but I would say as a minimum they need to use 96x96 for use in the main avatar.
  4. Andy.N

    Andy.N Well-Known Member

    I saw your profile and while the image you uploaded is 384x192, nowhere does it show it fully.
    It's cropped in your profile as well.

    Take a look at Kier profile page too. So the question is what is the dimension of image holder in profile page.
  5. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    I think it's just a max-width defined for the profile version of the avatar:

    Admin CP -> Appearance -> Templates -> xenforo.css

    .avatarScaler img
        max-width: 192px;
        _width: 192px;
    That means the height is relative after the width scaled.
  6. Brogan

    Brogan XenForo Moderator Staff Member

    Andy, the max size is 192x384, not 384x192.
    I've just uploaded a blank green avatar to demonstrate.

    if you open the image in a new tab you will see it is displayed full size.
    Anything uploaded outside either of these dimensions will be scaled to fit.
  7. Andy.N

    Andy.N Well-Known Member

    I know. but your last avatar has that dimension where it's a landscape pic of you.
    That's why I said your full image is cropped in your profile.
  8. Brogan

    Brogan XenForo Moderator Staff Member

    Not cropped, scaled.
    Anything wider than 192 will be scaled accordingly.

    So my usual avatar dimensions are 384x192 and it is scaled to fit my profile which has a max width of 192, hence it becomes 192x96.
  9. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Cropping only happens with the square portraits like those in posts, threadbits, and user cards. And the cropping is more like a frame overlay which you can adjust with click+drag when editing your avatar.
    Andy.N likes this.
  10. Brogan

    Brogan XenForo Moderator Staff Member

    Check it now Andy.

    I have just changed the file dimensions to 192x96 and you can see that it is being displayed full size if you open the image in a new tab.
    Andy.N likes this.
  11. Andy.N

    Andy.N Well-Known Member

    thanks Jake, Brogan
    I have a better idea of the new avatar system now.

Share This Page