The Image block shows one photo or logo, as wide as its column. It keeps the image's own shape. To add one, click Add block in a Section, Card rail, Contact form, Offcanvas drawer, Orbit, Share, Subscription or Video section, or inside a Group block or Columns block, and select Image. The Popup section comes with an Image block that holds the popup's photo, which the section's Image position places at the left, at the right or at the top.
Content
Setting
What it does
Image
The photo or logo. Without one, the block does not show on your store. Image sizes lists the sizes that stay sharp.
Alt text
A short description for visitors who use screen readers, such as Two cups on a wooden table. Leave it empty to use the alt text saved with the image in your Shopify admin.
Layout
Setting
What it does
Width
How wide the image is. Text column keeps it to a centered column up to 864 px wide. Page width, the default, matches Page width in Layout settings. Full width runs from edge to edge of the section. Inside a Group or Columns block, it never grows past the space it has there.
Style
Setting
What it does
Corners
Square, the default, or Rounded, which rounds all four corners.
Invert on dark backgrounds
Off by default. Reverses the image's colors, so black turns white, wherever the background is dark. That happens in dark mode, during a Dark moment, and in a section with a dark background. Use it for a logo in dark ink on a transparent background. A photo would look like a film negative.
The Image block shows one photo or logo, as wide as its column. It keeps the image's own shape. To add one, click Add block in a Section, Card rail, Contact form, Offcanvas drawer, Orbit, Share, Subscription or Video section, or inside a Group block or Columns block, and select Image. The Popup section comes with an Image block that holds the popup's photo, which the section's Image position places at the left, at the right or at the top.
Content
Setting
What it does
Image
The photo or logo. Without one, the block does not show on your store. Image sizes lists the sizes that stay sharp.
Alt text
A short description for visitors who use screen readers, such as
Two cups on a wooden table. Leave it empty to use the alt text saved with the image in your Shopify admin.Layout
Setting
What it does
Width
How wide the image is. Text column keeps it to a centered column up to 864 px wide. Page width, the default, matches Page width in Layout settings. Full width runs from edge to edge of the section. Inside a Group or Columns block, it never grows past the space it has there.
Style
Setting
What it does
Corners
Square, the default, or Rounded, which rounds all four corners.
Invert on dark backgrounds
Off by default. Reverses the image's colors, so black turns white, wherever the background is dark. That happens in dark mode, during a Dark moment, and in a section with a dark background. Use it for a logo in dark ink on a transparent background. A photo would look like a film negative.
Dark mode is explained in Color settings, and a Dark moment, which turns the page dark while a section is in view, in Section motion settings.