How to make image background transparent in XD?

[AMRule]

Hi, XD Newbie here.

I'm taking an online class and trying to follow along with the instructor. He wants us to drop a clipart-style image into the page and change the color. It seems easy but all my images are on an opaque white background and all his are on transparent backgrounds. It feels like this should be easy to do, please help me.

[Sjaani]

What file type are your images?
They will need to be png files for transparency.
This is something you need to set up before bringing the images into XD as XD will only alter the appearance of the whole image through the Opacity slider.

[AMRule]

He's using SVG images.

Should I just alter my images to PNG in photoshop then?

[Sjaani · Accepted solution]

Yes SVG also allows for transparency.
If you can alter your images to png in PS then you should get the same results having transparency when importing to XD.

[Emre29048249zjv6]

I am using a png but still the background of the image comes up white. I use the same png in figma it is transparent. How do we modify that in XD? 

[Kenneth Kawamoto]

If you import it (Cmd/Ctl + Shift + I) ie. instead of drag & drop it should work

[Emre29048249zjv6]

Thank you but there is no such an option. I tried it and no action came up at all. Using a Macbook

[Emre29048249zjv6]

Ok the import option worked but still it puts a whitebackground to a transparent one. Nothing changed.

[Kenneth Kawamoto]

That sounds peculiar - can you possibly send the PNG file to me so I can take a look...?