Image Block

The image block renders an image from a URL. Use it to display screenshots, product photos, charts, or any visual content.

Fields

Field	Type	Required	Description
type	string	Yes	"image"
url	string	Yes	Publicly accessible image URL
alt	string	No	Alt text for accessibility

Examples

Basic Image

{
  "type": "image",
  "url": "https://example.com/screenshot.png"
}

With Alt Text

{
  "type": "image",
  "url": "https://example.com/product-photo.jpg",
  "alt": "Blue widget front view"
}

Chart or Graph

{
  "type": "image",
  "url": "https://charts.example.com/revenue-q4.png",
  "alt": "Q4 Revenue Chart"
}

Notes

• Images are rendered full-width within the card
• The url must be publicly accessible — private URLs will not load for end users
• Any image format supported by the browser (jpg, png, gif, webp, svg) works
• Remote image domains are allowed via the Next.js config (remotePatterns: [{ hostname: "**" }])

Patching

{
  "id": "screenshot",
  "patch": {
    "url": "https://example.com/new-screenshot.png",
    "alt": "Updated screenshot"
  }
}