Как изменить размер аватарки xenforo

You can’t change avatar physical size without writing an add-on, there’s no such an option as avatar size. You can change the representational size by adjusting setup.less:

// AVATARS
@_avatarBaseSize: 96px;
@avatar-xxs: (@_avatarBaseSize) / 4;
@avatar-xs:  (@_avatarBaseSize) / 3;
@avatar-s:   (@_avatarBaseSize) / 2;
@avatar-m:   (@_avatarBaseSize);
@avatar-l:   (@_avatarBaseSize) * 2;
@avatar-o:   (@_avatarBaseSize) * 4;

Please not that any change to that can cause blurry avatars.

Wow that seems like an obvious feature to overlook. Thanks for the info @CyberAP

The avatars are already being resized with what seems to be a very low jpg quality setting, so scaling up the display size will make them look very bad.

Is there a way to adjust quality settings for resized avatars? I tried uploading all kinds of images in various qualities, all of them get saved to mushy looking jpg’s with visible artifacts.

The solution would be identical to that in XF1. You edit all the templates that have <xf:avatar /> and increase the size to 1 step. Then you downscale them with CSS.

Basic example in message_macros:

Change

<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />

To this

<xf:avatar user="$user" size="l" defaultname="{$fallbackName}" itemprop="image" />

Then use CSS and downscale that avatar to the desired dimensions. Repeat this step for any avatar occurrences.

Thanks again @CyberAP

Are you saying that by default, XF is creating a small image for avatars and then scaling it up for display at the default size in the default style? Is that why the avatars look so bad, and not due to a jpg quality/compression setting?

Have a look into your data/avatars folder. Upon uploading, XenForo will create 5 versions of each avatar, scaled to the respective size. This will improve page load time especially for large avatars and mobile devices, but when you then try to enlarge a 48×48 (S Size) avatar, you’ll obviously get blurry results.

Thanks for the info.

It appears that my default theme is serving avatars from data/avatars/m/ directory. These are 96×96 which is the same as the display size. Meaning they are not being scaled up with CSS. The quality is just poor, so back to my previous question.

Is there a way to change the jpg quality/compression settings used when these images are created?

It really should be an integral part of the forum software and included settings, but it’s not. 96px is not very large and needs to be increased. I hope XF team reads this thread and make an effort to give us the ability to adjust the size in the near future.

The actual size limit is 384px.

Then use CSS and downscale that avatar to the desired dimensions. Repeat this step for any avatar occurrences.

What exactly would the CSS downscale look like if you don’t mind me asking?

What exactly would the CSS downscale look like if you don’t mind me asking?

You explicitly set width and height of an element. If your image is displayed as a background image it’s best to also set background-size: cover;

This would work only with modern browsers (no IE):

body .avatar.size--ANY
{
    width: ANY;
    height: ANY;
}

body .avatar img:not(.cropImage)
{
    object-fit: contain; /* or object-fit: cover; if you want avatars to cover the box completely */
}

Replace ANY with your selectors and dimensions. Don’t use auto there. Also, don’t forget to change the actual size property in xf:avatar.

This would work only with modern browsers (no IE):

CSS:

body .avatar.size--ANY
{
    width: ANY;
    height: ANY;
}

body .avatar img:not(.cropImage)
{
    object-fit: contain; /* or object-fit: cover; if you want avatars to cover the box completely */
}

Replace ANY with your selectors and dimensions. Don’t use auto there. Also, don’t forget to change the actual size property in xf:avatar.

Will that code fix the issue with the images being blurry?

I found a great solution here,

Start at post #5 in the thread and read down from there.

они сами меняются когда сервер заполняется не?

Нет, раньше сразу всё было

Попробуйте режим игры поменять. Может в нем дело

У меня обычный стоит, всё норм

Напиши в тех.поддержку своего хостинга, но вообще, мелкие значки появляются только тогда, когда много людей на сервере(11+ игроков), по-другому не знаю =)

Я когда играю на официальных серверах в режим «Обычный», то там маленькие значки.

sv_competitive_official_5v5 0 в server.cfg

Ничего не изменилось. Может нужно просто другое значение поставить?

Ничего не изменилось. Может нужно просто другое значение поставить?

Попробуй в конфиг режима прописать

Ничего не изменилось. Может нужно просто другое значение поставить?

этот квар типо вх при после смерти при нажатии на Х (явно не отвечает за аватарки)

этот квар типо вх при после смерти при нажатии на Х (явно не отвечает за аватарки)

Этот квар так же отвечает и за табло, про которое писал автор

Попробуй в конфиг режима прописать

После сбоя всё что я писал в cfg режима не читалось, поэтому я всё перенёс в server.cfg