Image – core/image

Insert an image to make a visual statement.

Use the Image block to display an image.

Example

WordPress icon – Thumbnail, Centred, Link to None.

Notes

  • Image Settings include: Alt Text, Image size and Image dimensions.
  • Link To settings are: None, Media file, Attachment page, Custom URL.
  • Transforms to Gallery, Cover, File, Media & Text.
Replace
  • Change alignmentUse Change alignment to choose the alignment
    • Align leftAlign to the left
    • Align centerAlign in the center
    • Align rightAlign to the right
    • Wide widthIncrease the width of the block beyond the content size. Requires theme support.
    • Full widthExtend the block to cover the full width of the screen. Requires theme support.
  • LinkUse Link to create a hyperlink to your highlighted text.
  • CropCrop the image.
  • ReplaceReplaceReplace the selected file.
    • Open Media LibraryChoose from the Media library.
    • UploadUpload a file.

Image transforms to:

  • Gallery
  • Columns
  • Cover
  • File
  • Group
  • Media & Text

When you use the Crop icon the toolbar changes to…

Apply
Cancel
  • Change alignmentUse Change alignment to choose the alignment
    • Align leftAlign to the left
    • Align centerAlign in the center
    • Align rightAlign to the right
    • Wide widthIncrease the width of the block beyond the content size. Requires theme support.
    • Full widthExtend the block to cover the full width of the screen. Requires theme support.
  • ZoomZoom in or out.
  • Aspect ratioAdjust the aspect ratio
  • RotateRotate the image
  • ApplyApplyApply the changes
  • CancelCancelCancel the changes