topic Re: How can I embed image to the cell using markdown or code? in Data Engineering

How can I embed image to the cell using markdown or code?

YosepWijaya — Wed, 21 Mar 2018 18:07:33 GMT

I have been trying to embed the image from the dbfs location, when I run the code, the image is unknown or question mark.

I have tried following code:

The path of the file is dbfs:/FileStore/tables/svm.jpg

displayHTML("<img src ='dbfs:/FileStore/tables/svm.jpg'>")

displayHTML("<img src ='/FileStore/tables/svm.jpg'>")

Re: How can I embed image to the cell using markdown or code?

PohlPosition — Sat, 22 Sep 2018 05:39:00 GMT

@Yosep Wijaya

When you write the image to DBFS, you should write it to /FileStore/svm.jpg

When you reference the file in html, it should be via /files/svm.jpg

Re: How can I embed image to the cell using markdown or code?

VenkataMoganti — Fri, 15 Nov 2019 16:33:19 GMT

capture.pngAdd files before the path

Use this format to add the file

![Name of the image](files/tables/svm.jpg)

please check this https://docs.databricks.com/data/filestore.html

Re: How can I embed image to the cell using markdown or code?

NavneetTuteja — Wed, 13 May 2020 08:26:32 GMT

@jason Thanks!! than

Re: How can I embed image to the cell using markdown or code?

AlexBrulliea — Fri, 15 Sep 2023 14:16:01 GMT

Is there a way to embed an image from mounted storage into my markdown cell? Or can this only be done using the dbfs files?

Re: How can I embed image to the cell using markdown or code?

rs-tcs — Thu, 14 Aug 2025 13:09:38 GMT

I strongly miss the Jupyter Notebook style CTRL+C and CTRL+V paste where I can copy the image from the MS Paint and then paste directly into the cell which then transforms the raw bytes into base64 encoded string, without having to reference via a link.

Re: How can I embed image to the cell using markdown or code?

WiliamRosa — Fri, 15 Aug 2025 12:44:29 GMT

Hi everyone,

Here’s an easy way to embed images into Databricks notebook cells, using markdown or code:

1. Drag and drop images directly into Markdown cells

You can simply drag an image file from your local system into a markdown cell. Databricks will upload it automatically to your workspace directory and display it inline in the cell.

2. Reference images stored in the workspace or volumes

If your image already resides in the workspace storage or a Unity Catalog volume, you can display it using standard markdown syntax. Use either an absolute path (starting from the root of the workspace or volume) or a relative path. For example:

%md
![description](/Workspace/absolute/path/to/your_image.png)

%md
![description](./relative/path/to/your_image.png)

Similarly, reference images stored in volumes with an absolute volume path:

%md
![description](/Volumes/absolute/path/to/your_image.png)

3. Use displayHTML to render custom HTML including images

If you need more control—like sizing or positioning—you can use HTML in your notebook. Use the displayHTML() function to render custom HTML, including <img> tags. For example:

displayHTML('<img src="/Workspace/absolute/path/to/your_image.png" width="300" />')

Re: How can I embed image to the cell using markdown or code?

BS_THE_ANALYST — Sat, 16 Aug 2025 14:10:18 GMT

@WiliamRosa

You've stated:

"1. Drag and drop images directly into Markdown cells

You can simply drag an image file from your local system into a markdown cell. Databricks will upload it automatically to your workspace directory and display it inline in the cell."

Are you sure on that?