Add-on Icons in Discord Embeds Are Low Quality

VisEntities

VisEntities

Active member
Hey everyone,

So I have an addon that changes the open graph settings for certain pages on my site, allowing resource icons to show in Discord link embeds. By default these icons don't display (seriously xenForo, why).

However, there's a problem, the icons in Discord embeds are showing up in poor quality. Now all the icons on my site are uploaded in good quality, and we've even manually enhanced their quality using another addon, since xenForo reduces their quality by default (another xenForo "why" moment).

We're unsure why this is happening and have exhausted all the solutions my developer and I could think of. So if any developers have ideas or know possible solutions, I'm open to discussions and willing to pay to get it resolved.

Thanks!
 
Discord doesn't display your images verbatim. It will proxy them and recompress them in the process, likely for the same reasons as XF. It's not something you have much control over really.
 
Jeremy P said:
Discord doesn't display your images verbatim. It will proxy them and recompress them in the process, likely for the same reasons as XF. It's not something you have much control over really.
Click to expand...
But why the icons appear fine in embeds from other sites (they're non xenForo sites), does that mean it's an xenForo limitation?
 
It depends on the source image. If you served the exact same image from any software or static page, Discord would recompress it in the exact same way. Certain images are more prone to compression artifacts than others. Solid and gradient backgrounds are often prone to banding, for example.
 
I see, but I'm using the exact same images I use on those other sites that they appear good quality on, so...

Also I noticed that the Metadata logo URL appears in good quality on the Discord embeds, so what difference does that have than the ones from the resources or user avatars...
 
VisEntities said:
I see, but I'm using the exact same images I use on those other sites that they appear good quality on, so...
Click to expand...
Unless the checksum of the file matches exactly then it's likely they are being processed/stored/served differently. Even if you uploaded the exact same image to each and the resulting file is visually identical, the files themselves can be different.

VisEntities said:
Also I noticed that the Metadata logo URL appears in good quality on the Discord embeds, so what difference does that have than the ones from the resources or user avatars...
Click to expand...
1) The metadata logo may have different qualities that make it less prone to compression artifacts
2) The metadata logo is served as-is by your web server whereas uploaded images are run through the image driver prior to being stored

It may be worth experimenting with different file types and $config['maxImageResizeQuality'] values.
 
I’ve also seen cases where Discord chooses to ignore the OpenGraph tags in favour of its own ideas what the content should be for regular posted URLs. It’s most evident if you link to a MediaWiki install that isn’t Wikipedia where it will flat out ignore whatever you put in the OG tags because it recognises it as a MediaWiki and does its own thing. Just something to consider if OG metadata is handled weirdly on Discord.
 
Well, I really need to get this resolved one way or another. If anyone is interested in trying or has an idea, I'm willing to pay to get it done
 
Jeremy P said:
Unless the checksum of the file matches exactly then it's likely they are being processed/stored/served differently. Even if you uploaded the exact same image to each and the resulting file is visually identical, the files themselves can be different.


1) The metadata logo may have different qualities that make it less prone to compression artifacts
2) The metadata logo is served as-is by your web server whereas uploaded images are run through the image driver prior to being stored

It may be worth experimenting with different file types and $config['maxImageResizeQuality'] values.
Click to expand...
Could you please guide me on where to find the config.php file? I'm a cloud user in case it matters
 
VisEntities said:
Hey everyone,

So I have an addon that changes the open graph settings for certain pages on my site, allowing resource icons to show in Discord link embeds. By default these icons don't display (seriously xenForo, why).

However, there's a problem, the icons in Discord embeds are showing up in poor quality. Now all the icons on my site are uploaded in good quality, and we've even manually enhanced their quality using another addon, since xenForo reduces their quality by default (another xenForo "why" moment).

We're unsure why this is happening and have exhausted all the solutions my developer and I could think of. So if any developers have ideas or know possible solutions, I'm open to discussions and willing to pay to get it resolved.

Thanks!
Click to expand...
Can you show an example please, xenforo vs another site so we can visually see the difference and find a solution?
 
⭐ Alex ⭐ said:
Can you show an example please, xenforo vs another site so we can visually see the difference and find a solution?
Click to expand...

This's xenForo:
F.webpFFF.webp

This's other sites:
Good.webp


I don't think the difference is noticable from a small screenshot, but it'll be if viewed in full view on Discord
 
VisEntities said:
I said you can't from small screenshot, you have to view it in full picture on Discord
Click to expand...
I mean of course we can't tell from the screenshot, they are all different images. We can't compare to even tell if there is a difference. Just because you may not be able to tell from small screenshots doesn't mean others won't be able to.
 
You must log in or register to reply here.
Back
Top Bottom