Skip to content

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

Open

Description

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.
Screenshot 2023-03-13 at 09 38 16

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.

Screenshot 2023-03-13 at 09 13 09

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    Needs Design FeedbackNeeds general design feedback.Needs general design feedback.[Block] ImageAffects the Image BlockAffects the Image Block[Block] Media & TextAffects the Media & Text BlockAffects the Media & Text Block[Status] DuplicateUsed to indicate that a current issue matches an existing one and can be closedUsed to indicate that a current issue matches an existing one and can be closed[Type] EnhancementA suggestion for improvement.A suggestion for improvement.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions