Edit

Share via


Display images in a table, matrix, or slicer in a report

APPLIES TO: Power BI Desktop  Power BI service

You can enhance your Power BI reports by adding images to them. Static images on the page are suitable for some purposes. However, sometimes you want dynamic images that relate to the data that's currently displayed in your report.

This article shows you how to display dynamic images in a table, matrix, slicer, or multi-row card.

Screenshot of a matrix in Power BI Desktop that shows crop yields by state. Each row lists a crop and an image. Each column lists a state.

Add images to your report

  1. Create a column with the URLs of the images. For image requirements, see Considerations, later in this article.

  2. In Table view, select that column. On the ribbon, go to the Column tools tab. Next to Data category, select Image URL.

    Screenshot of Table view in Power BI Desktop. A column of image URLs is selected. In the expanded Data category list, Image URL is highlighted.

  3. Add the column to a table, matrix, slicer, or multi-row card.

    Screenshot of a slicer that lists crop images and a card that shows crop yields. Each card line lists a crop, the yield, and an image of the crop.

Format the images

  1. On the report canvas, select the visual that contains images.

  2. On the Visualizations pane, select the paintbrush , and then go to the Visual tab.

  3. Expand Image size, and then set the Height and Width values.

    Screenshot of a table visual next to the Visualizations pane. On the pane, the expanded Image size section contains Height and Width settings.

Add images from OneDrive for home

Images in your report need to be anonymously accessible.

Exceptions to this rule are images that are hosted on OneDrive for home. You can sometimes generate an embed code that points directly to a OneDrive for home image. The image can then appear in Power BI Desktop or the Power BI service, even though it isn't anonymous.

Power BI mobile apps don't support such images. For the Power BI mobile apps to be able to display an image, the image URL must be anonymously accessible.

  1. On your OneDrive site, locate the image that you want to add to a report. Next to the image name, select More Actions , and then select Embed.

    Screenshot of a OneDrive for home folder. Next to an image file, the More Actions icon is highlighted. In its shortcut menu, Embed is highlighted.

  2. Select Generate.

    Screenshot of the Embed window. Text states that no sign-in is needed to view the image via the embed code. The Generate button is highlighted.

  3. Select Copy embed code, and then paste the URL in the Image URL column.

    Screenshot of the Embed window that shows an image of farmland and a URL. The Copy embed code button is highlighted.

Considerations

  • The image needs to be in one of these file formats: BMP, JPG, JPEG, GIF, PNG, or SVG.
  • The URL must be anonymously accessible. It can't lead to a site that requires a sign-in, such as SharePoint or OneDrive for work or school.
  • The Power BI mobile apps display the image only if the image URL is anonymously accessible. The image can't be hosted on a site that requires a sign-in, such as SharePoint, even if you can access the image in Power BI Desktop or in the service.