discord-api-docs
discord-api-docs copied to clipboard
Bot messages with images are displayed wrong
Description
When sending a bot message with multiple images and all images having the same resolution and aspect ratio sometimes the images are not displayed at the same size. Issue happens on embeds and on components v2 gallery
On the picture above, all 12 pictures have the same aspect ratio and resolution and the display with differently width.
Steps to Reproduce
send 2 messages using components v2 media gallery 1 with those 4 images: https://m.media-amazon.com/images/I/41ipcwlLXZL.SL500.jpg https://m.media-amazon.com/images/I/41AOx2qO02L.SL500.jpg https://m.media-amazon.com/images/I/41NnIOmOfyL.SL500.jpg https://images-ext-https://m.media-amazon.com/images/I/41EMEaomgIL.SL500.jpg
1 with those 4 images: https://m.media-amazon.com/images/I/31mmrfSju%2BL.SL500.jpg https://m.media-amazon.com/images/I/417r%2BQs24qL.SL500.jpg https://m.media-amazon.com/images/I/412RhXC7fOL.SL500.jpg https://m.media-amazon.com/images/I/51zfpIXE31L.SL500.jpg
Expected Behavior
I expect the gallery to have the same height and width
Current Behavior
The images are displayed with different dimensions
Screenshots/Videos
Client and System Information
stable 402402 (98c518e) Host 1.0.9191 x64 (63653) Build Override: N/A Windows 11 64-bit (10.0.26100)
hi there! thank you for reporting this. could you please provide the exact Components V2 JSON payload you're using? I was unable to reproduce with the following payloads:
// wine glasses
{
"flags": 32768,
"components": [
{
"type": 10,
"content": "Wine Glasses"
},
{
"type": 12,
"items": [
{ "media": { "url": "https://m.media-amazon.com/images/I/31mmrfSju%2BL._SL500_.jpg" } },
{ "media": { "url": "https://m.media-amazon.com/images/I/417r%2BQs24qL._SL500_.jpg" } },
{ "media": { "url": "https://m.media-amazon.com/images/I/412RhXC7fOL._SL500_.jpg" } },
{ "media": { "url": "https://m.media-amazon.com/images/I/51zfpIXE31L._SL500_.jpg" } },
]
}
]
}
// batteries
{
"flags": 32768,
"components": [
{
"type": 10,
"content": "Batteries"
},
{
"type": 12,
"items": [
{ "media": { "url": "https://m.media-amazon.com/images/I/41ipcwlLXZL._SL500_.jpg" } },
{ "media": { "url": "https://m.media-amazon.com/images/I/41AOx2qO02L._SL500_.jpg" } },
{ "media": { "url": "https://m.media-amazon.com/images/I/41NnIOmOfyL._SL500_.jpg" } },
{ "media": { "url": "https://m.media-amazon.com/images/I/41EMEaomgIL._SL500_.jpg" } },
]
}
]
}
the result of those messages was as follows:
@foxfirecodes I literally just used the same payload that you provided and it has done it hehe
Maybe you need a larger monitor?
for some reason it only occurred for me when i zoomed out, but i was able to reproduce it. my fix for this just went out a few minutes ago! thank you again for reporting
for some reason it only occurred for me when i zoomed out, but i was able to reproduce it. my fix for this just went out a few minutes ago! thank you again for reporting
Thanks! I still see the pictures with different sizes in my server from messages that were just created. Is it still not in production?
hmmm. did you restart your client to get the latest changes? the issue is no longer present for me with the given payloads:
@foxfirecodes yeah, I am on: stable 410706 (4719017) Host 1.0.9196 x64 (65020) Build Override: N/A Windows 11 64-bit (10.0.26100)
Is this latest?
I think it fixed for that specific picture, but not all the cases:
m.media-amazon.com/images/I/314zzgcLwaL.SL500.jpg?format=webp m.media-amazon.com/images/I/41LXxnpl0bL.SL500.jpg?format=webp m.media-amazon.com/images/I/51Li3nY7RyL.SL500.jpg?format=webp m.media-amazon.com/images/I/51rokMQZVwL.SL500.jpg?format=webp
m.media-amazon.com/images/I/31s081peHZL.SL500.jpg?format=webp m.media-amazon.com/images/I/5107oImq22L.SL500.jpg?format=webp m.media-amazon.com/images/I/51UO8%2BQgJaL.SL500.jpg?format=webp