Improvements to Image Block

[paaljoachim]

This issue collects some improvements to the Image block together so that they can be approached more holistically.

6th of December 2024. I have updated the below issues.

Interactions

• Use drop zone when dragging an image to an empty paragraph Use drop zone when dragging an image to an empty paragraph #29145
• Image with size breaks out of editor block. Image with size breaks out of editor block #12168
• Show media library preview as placeholder Image block: show media library preview as placeholder #15773 (Issue closed)
• Improve User Experience of Left/Right-Aligning Images Improve User Experience of Left/Right-Aligning Images #21836
• Zoom on cropping tools Move zoom slider to toolbar #22569
• Improve crop tools Improve UX of image crop/edit tools #23721

Enhancements

• Image Block: Surface aspect-ratio tool for custom image dimensions Image Block: Surface aspect-ratio tool for custom image dimensions #38990
• Improve the toolbar Design improvements to Image Block toolbar #26411
• Introduce explicit caption positioning Introduce explicit caption positioning #12997
• Add constrain proportions when modifying image size Add constrain proportions when modifying image size #21918
• Remember the last size used. Image Size: Remember the last size used. #8663
• Copying content adds images as inline instead of block. Copying content to Gutenberg results in inline images instead of Image blocks #21516
• Image block "Link to" preference not remembered Image block "Link to" preference not remembered #23154
• Consolidate + simplify size controls Image block: consolidate + simplify size controls #8397
• Image accessibility guidance. Image Accessibility Guidance #5205
• Image block accessibility improvements. Image block accessibility improvements #42057
• "...warning in the image settings when the image's natural size isn't big enough for particular screen sizes.." Limit width of alignwide and alignfull images to original image width. #12044 (comment)
• Raw transforms of linked image should support custom link classes Raw transforms of linked image should support custom link classes #11995 (comment)

Fixes

• Core Image block doesn't use align support property for Block Alignment #19103
• Deleting an image via the media library is not reflected. Deleting an image via the media library is not reflected. #23262
• Image block selecting medium or thumbnail does not relocate caption - caption centered in relation to boundary box.
  Bug: Image block selecting medium or thumbnail does not relocate caption - caption centered in relation to boundry box. #17162
• Orphan buttons after focus on an Image or a Gallery Orphan buttons after focus on an Image or a Gallery #9184

[worldsdream]

I started using gutenburg instead of the classic edtor.

I really miss “Image Size: Remember the last size used. #8663”

Really need that!

[Quintis1212]

I will help with this :
Use drop zone when dragging an image to an empty paragraph #29145

[vreemt]

Hi, wondering if the backward compatibility issues like supporting image_add_caption_text and image_send_to_editor (see also #8472 and #8473) can be added to this? thanks

they're also mentioned in #2258 (comment)

[mrfoxtalbot]

Would it be relevant to include #38990 in this tracking post?

Thank you @paaljoachim !