Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Grow your Fabric skills and prepare for the DP-600 certification exam by completing the latest Microsoft Fabric challenge.

Reply
lava_
Helper I
Helper I

How to use SVG image in JSON template file

I am trying to use an SVG image as the background image for my PBI report. I would like to include the image in the JSON theme file so when I create a new page in the report, it's automatically added.

 

What I did: I first converted the SVG image to JSON, which produced the below code. When I tried uploading the JSON file to Power BI, I got an error message. What am I doing wrong?

 

SVG image converted to JSON (using Aspose):

lava__0-1697482268819.pnglava__1-1697482307403.png

 

That code inserted into JSON code:

lava__2-1697482346398.png

 

Error message I receive from Power BI after importing the JSON file:

lava__3-1697482374444.png

 

1 ACCEPTED SOLUTION
lava_
Helper I
Helper I

I figured this out. I was making the mistake of converting the SVG image to JSON instead of base64. I didn't use an SVG URL, just an SVG image and didn't run into any issues when I imported the theme. 

Steps I took:

- Convert the SVG image to base64 (Data URI)

- insert that code into the JSON code

lava__1-1697558262209.png

 

 

 

View solution in original post

1 REPLY 1
lava_
Helper I
Helper I

I figured this out. I was making the mistake of converting the SVG image to JSON instead of base64. I didn't use an SVG URL, just an SVG image and didn't run into any issues when I imported the theme. 

Steps I took:

- Convert the SVG image to base64 (Data URI)

- insert that code into the JSON code

lava__1-1697558262209.png

 

 

 

Helpful resources

Announcements
RTI Forums Carousel3

New forum boards available in Real-Time Intelligence.

Ask questions in Eventhouse and KQL, Eventstream, and Reflex.

MayPowerBICarousel

Power BI Monthly Update - May 2024

Check out the May 2024 Power BI update to learn about new features.