List View: Display image thumbnails

[jameskoster]

When there are many images in a document we might help users distinguish between them in List View by including a thumbnail of the image itself:

For Gallery blocks we can stack the thumbnails like:

[richtabor]

Interesting. Not 100% sure if it’d work, but have you tried using the image in lieu of the icon?

It may be funky though.

[jameskoster]

I did try that, it could work, but I was a bit worried that it might negatively impact scan-ability. Also not entirely sure how it would work for galleries where it is nice to see the first x images.

One thing to figure out is how those gallery thumbnails behave when you expand/collapse. Since the thumbnails will be visible on the children when expanded, there's no need to display them on the parent as well.

[richtabor]

Yea.. Perhaps this works for image blocks only?

[jameskoster]

Yeah starting with images would probably make sense.

[andrewserong]

I'll be keen to have a go at this one if no-one beats me to it. Just adding a link that this feature was mentioned in the make/core post for the media library (under "Improve presentation of media in other editing contexts"): https://make.wordpress.org/core/2023/07/07/media-library/

[mtias]

Would love to get this one in and see how it performs. For the gallery, the idea should be that the stack is only rendered if the gallery is collapsed—otherwise it's redundant with the image block children.

[andrewserong]

Implemented in #53381