XF 2.3 Reactions

[Welsh Dragon Web Hosting]

I am looking at adding my own Reactions but the image is always too big what is the file size for the Reactions

 

[Mr Lucky]

I am looking at adding my own Reactions but the image is always too big what is the file size for the Reactions

The default sizes are defined:

.reaction-image.reaction-image--emoji {
    width: 32px;
}

.reaction--small .reaction-image {
    max-width: 16px;
    max-height:16px
}

.reaction--medium .reaction-image {
    max-width: 21px;
    max-height:21px
}

They should appear at these sizes for the various locations when used in the forum, although in the reactions menu in ACP they appear at their actual size.

Of course you can override those default sizes in extra.less template.

I found when adding my own images, best to make them bigger than display size to look best, mine are 64px so twice the size of the largest size for best display on retina screens.

 

[Welsh Dragon Web Hosting]

thats the problem i had in the ACP they are massive

 

[Mr Lucky]

thats the problem i had in the ACP they are massive

The is why I resized them to 64px before uploading.

If they images themselves are large, then you are loading unnecessarily large file sizes which is not great for page load speed and subsequent possible SEO issues.

 

[Welsh Dragon Web Hosting]

what program di do you use to resize

 

[Mr Lucky]

what program di do you use to resize

I’m using Affinity Photo. It does most of what Photoshop does but without the subscription

 

[Welsh Dragon Web Hosting]

got them looking amazing thank you for all the help