discord-api-docs icon indicating copy to clipboard operation
discord-api-docs copied to clipboard

Bot messages with images are displayed wrong

Open Thorvarium opened this issue 6 months ago • 3 comments

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

Image

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

Image

Client and System Information

stable 402402 (98c518e) Host 1.0.9191 x64 (63653) Build Override: N/A Windows 11 64-bit (10.0.26100)

Thorvarium avatar May 27 '25 16:05 Thorvarium

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:

Image

foxfirecodes avatar Jun 12 '25 20:06 foxfirecodes

@foxfirecodes I literally just used the same payload that you provided and it has done it hehe

Image

Image

Thorvarium avatar Jun 14 '25 00:06 Thorvarium

Maybe you need a larger monitor?

Thorvarium avatar Jun 14 '25 00:06 Thorvarium

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

foxfirecodes avatar Jun 18 '25 17:06 foxfirecodes

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?

Thorvarium avatar Jun 18 '25 18:06 Thorvarium

hmmm. did you restart your client to get the latest changes? the issue is no longer present for me with the given payloads:

Image

foxfirecodes avatar Jun 18 '25 19:06 foxfirecodes

@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:

Image

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

Image

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

Thorvarium avatar Jun 18 '25 19:06 Thorvarium