Image size settings can be confusing

[jameskoster]

We have "Image size" to determine which version of the source file to use.

Then Width and Height specify how much space the image should occupy on the page.

And finally there are percentage-based presets which set the Width and Height relative to the selected "Image size".

---

Problems

It's not clear which Image Size one should use, or what Image Size means, given there are dedicated inputs for width and height.

It is possible to mistakenly use inappropriate settings. E.G. set the height and width to some small value, but still use the full size Image Size. This is not performant. Or vice versa – set a large height / width, then use an Image Size that is too small, which results in a blurry image.

It's not really clear what the percentage presets actually do. I had to go in to Settings > Media to understand what is going on there. I'm also not entirely sure how useful this setting is.

---

At the very least it seems we can better communicate the relationship between Image Size and Height / Width. In the past I think @jasmussen has suggested displaying the pixel values of each size in the dropdown:

But in the end I wonder if the Image Size setting needs to be so prominent, or whether we can intelligently set it based on the Height / Width values.

[jasmussen]

I created #38068 for some general design improvements to the image block, it includes some of the conversation around improving the Size selector as well.

[glendaviesnz]

This is also now relevant in the Gallery block which uses nested Images blocks, and when the 'crop images' option is toggled on the size selector can appear to have no impact at all.

[Mamaduka]

This probably will be resolved by #49112.

cc @richtabor

[richtabor]

This probably will be resolved by #49112.

In part, yes. The "Size" select isn't part of that PR.

[jordesign]

@richtabor - do you think that last remaining item is sufficiently covered by the work being considered in #38068? Worth consolidating?

[richtabor]

Here's what we have currently (no % based size group):

Unifying the dimensions panel to include height/width would help reduce the confusion, but I think we're sitting in a decent spot currently.

[jameskoster]

Agreed, this UI has improved a lot. Let's close this 🥂