Media & Text block: Remove Image Size controls from image settings.

[paaljoachim]

What problem does this address?

Currently the Image Size controls are very confusing, as they do not actually change the image but changes the resolution.

Example to where the Image Size controls have been replaced with Image dimensions.
The Image block.

Shows width and height.
As well as percentage.
Changing any of the above will result in a visual difference which can be seen in the backend and frontend.

Example from Media & Text block.

It uses the Image Size drop down controls. Making a change here might not result in any change seen on the backend but the frontend one might see a blurred image if one had selected Thumbnail, medium etc. Even the default Large the image can be blurred on the frontend. I had to tell my client to go to the backend, select the image and in the Image Size drop down change it to Full Size (as I hoped that it would make a difference). The frontend now showed a nice and sharp image.

What is your proposed solution?

To remove Image size controls from the Image settings inside the Media & Text block. There are resize handles directly on the image. One could add in Image dimension controls, but I am not sure if that is needed.

Somewhat related PR:
#48478

@jasmussen @aaronrobertshaw

[jasmussen]

There's a related conversation in #48618 (comment) around standardizing these, but notably improving the verbiage. There seems to be some overlap between 48618 and this.

[Thelmachido]

Hi @paaljoachim you might need to further the discussion on the issue @jasmussen mentioned if this is related. I will mark this as a duplicate for now, feel free to add more information if it's necessary to keep this particular issue open.

[Mamaduka]

I think we can close this issue.

Why?

• The image block now uses Aspect Ratio + Width/Height controls, which are better tools for the task.
• The Media & Text (some others) use Resolution controls, this component has better description and context for the users.

Screenshot