Calypso - Media library thumbnails use full size image instead of thumbnail size

[mxhassani]

Quick summary

Media library thumbnails use full-size images instead of thumbnail size causing the slow loading of the Media Library page.

Steps to reproduce

1. Add an image to the Media library of your test site
2. Refresh the page and check the image used for the thumbnail (via Browser dev tools)

What you expected to happen

The images used to be thumbnail-sized

What actually happened

The page uses blobs of the same size as the original image

Impact

All

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

Simple, Atomic

Logs or notes

Workaround: Use the classic view. 8447503-zen

[mrfoxtalbot]

I can reproduce this:

IMG address in wp-admin: https://mrfoxtestingsite.wordpress.com/wp-content/uploads/2024/04/53666970903_04d97839a9_k.jpg?w=300

IMG address in Calypso: blob:https://wordpress.com/942d8c46-da76-477d-a028-fb1c97a6a88f

[mgozdis]

Just adding another report here as the Media Library in Calypso is fairly broken and resource wasteful when any high res photos are involved. 8568357-zd-a8c

User is uploading high res images and they essentially have to wait for GBs of data to load in Calypso instead of what should be several MB. This is a major waste of resources and bandwidth. Core uses medium sized thumbnails.

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 8447503-zen
• [ ] 8568357-zen
• [ ] 8682574-zen

[supernovia]

We have another case here; if a video would be helpful, let me know. User can't access images for editing posts and pages either unless they skip using Calypso. 8682574-zd-a8c

[supernovia]

We have another case here; if a video would be helpful, let me know. User can't access images for editing posts and pages either unless they skip using Calypso. 8682574-zd-a8c

we'll want to let them know when this is solved