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

Calling all Data Engineers! Fabric Data Engineer (Exam DP-700) live sessions are back! Starting October 16th. Sign up.

Reply
mattkocak
Kudo Kingpin
Kudo Kingpin

How to make an imported image transparent in Power BI?

I'm trying to create a Power BI report where the user is displayed an image based on what they select in the report's table.

For example, if I select the Toyota row in the below image, then I should be presented with a picture of a Toyota. If I select the Honda row, then I should be presented with a picture of a Honda.

tetra_matt_2-1648029951450.png

tetra_matt_3-1648029963412.png

I'm trying to use imported images to accomplish this (Insert > Image), since having hosted or Base64 encoded images have their own set of challenges in my circumstance. The problem is that I haven't been able to find a way to make imported images transparent. Since these images are on top of each other in the report, I will need to make one or the other transparent based on the table selection. For other shapes, or for the images' backgrounds, I can use conditional formatting and a DAX measure such as the following to accomplish this.

 

Toyota Background = IF(SELECTEDVALUE('Table'[model]) = "Toyota", "#FFFFFF", "#FFFFFF00")

 

There is no such conditional formatting ability for the image shape as a whole, though. Does anyone know how one could accomplish this? It doesn't have to be that an image is specifically made transparent as long as it accomplishes my goal above. I would be open to using custom visuals, but I would like to avoid a hosted or Base64 encoded image solution if possible.

Note for future readers: If you are able to use hosted or Base64 encoded images, then the Image Pro by CloudScope custom visual can be used to accomplish the goal above.

5 REPLIES 5
Aaron_Cee
New Member

Sorry for resurrecting the thread, but this is done using bookmarks and buttons. When the Toyota button is clicked, then the Toyota image is shown and the Honda image is hidden, via the Selection side panel. Then vice versa for Honda. You can stack the images on top of each other for this trick to work.

sarthak2312
Regular Visitor

Got any solution for the task? I am in a same boat and trying to figure out how to make it work. Thanks in advance!

Hey, no solution that I know of for natively imported images. But if you are able to use hosted or Base64 encoded images, then the Image Pro by CloudScope custom visual can be used to accomplish the goal above.

PVO3
Impactful Individual
Impactful Individual

I would say stop stacking the images. Just use a measure to make the URL/path dynamic.

For an easy fix you could also try the custom visual ChicletSlicer.

I had mentioned wanting to avoid hosting the image and was hoping to use images imported directly into Power BI. This is why the images are stacked. If I end up needing to host the image, then your suggestion could work.

Helpful resources

Announcements
FabCon Global Hackathon Carousel

FabCon Global Hackathon

Join the Fabric FabCon Global Hackathon—running virtually through Nov 3. Open to all skill levels. $10,000 in prizes!

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.

Top Solution Authors