Forum Discussion

lava_'s avatar
lava_
Helper I
2 years ago
Solved

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):

 

That code inserted into JSON code:

 

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

 

Need Help
  • lava_'s avatar
    lava_
    2 years ago

    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

     

     

     

1 Reply

  • lava_'s avatar
    lava_
    Helper I
    2 years ago

    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