Web Stories carousel not using cropped thumbnails

[fellyph]

Feature Description

I have implemented the Web Stories listing on the header, and my score at the core web vitals has decreased because the thumbnails loaded for my web stories are 640px for a thumbnail with 80x80px, It would be good if the thumbnails load a close image size, a thumbnail crop, for example, to avoid load large images in a small container.

list example:

Page speed test:

Alternatives Considered

Additional Context

• I'm using the AMP plugin with standard mode.

[swissspidy]

Hi Fellyph

Thanks for raising this.

The presence of the sizes and srcset attributes indicates that there are simply no smaller suitable sizes available. Which is somewhat expected, because there is unlikely to be a smaller image size with the same aspect ratio. Also, we have previously removed square crops as it often times caused confusion and even bad results (not to mention the additional storage needed).

Related:

• #5080
• #4764
• #7983
• #7849

We'll take some time to think a bit about good solutions here.

[fellyph]

Hi @swissspidy,

I got it, if the user can select the image size at the customizer panel?

Because for example, I have a thumbnail size that is 150x150:

[swissspidy]

I don't think we want to add any UI option for this, but thanks for the suggestion!