Image

marimo.image(src: str | bytes | BytesIO | BufferedReader | Any, alt: str | None = None, width: int | str | None = None, height: int | str | None = None, rounded: bool = False, style: dict[str, Any] | None = None, caption: str | None = None) Html

Render an image as HTML.

Examples.

# Render an image from a local file
mo.image(src="path/to/image.png")
# Render an image from a URL
mo.image(
    src="https://marimo.io/logo.png",
    alt="Marimo logo",
    width=100,
    height=100,
    rounded=True,
    caption="Marimo logo",
)

Args.

  • src: a path or URL to an image, a file-like object (opened in binary mode), or array-like object.

  • alt: the alt text of the image

  • width: the width of the image in pixels or a string with units

  • height: the height of the image in pixels or a string with units

  • rounded: whether to round the corners of the image

  • style: a dictionary of CSS styles to apply to the image

  • caption: the caption of the image

Returns.

Html object