Photoshop image with transparent background

May 28, 2013

I edited a picture in Photoshop where I cut part of the picture out and gave it a transparent background. I then inserted it into my lesson, but the image in Storyline did not keep the transparent background. I have a nice image surrounded by a white "square".  I'd like the lesson to have a colored background, so how do I remove the white "square" around my image?  Here's what the screen looks like. 



19 Replies
Antony Snow

Hi Jeff,

I'm not a graphics expert but it looks like you have saved the image out of Photoshop as a .jpeg? If you save it as a .png, this should retain the transparent background you applied.

Alternatively, if you select the image in SL and then select the 'Format' tab, under 'Adjust' (on the far left) is a 'Recolor' option. Click on the drop-down, select 'Set Transparent Color' and then select the part of your image you wish to remove i.e. the white background.


Ashley Terwilliger-Pollard

Thanks Donna for the image. I tested this in Engage and saw the same thing, so I also took a look at it in Storyline (since I had no other way to see the transparency) and it was transparent there. I'm going to share this with our QA team since it seems specific to Engage. I'm unable to offer a timeframe for when I'll hear back from them, but once I have any information to share I'll update you here. 

Ann D


Hoping you can help me as well.

I erased the background of an image using SnagIt 9 with the eraser.

I saved it as a PNG file.

I inserted it into Articulate, but I still see the white background.

I use the Recolour tool to remove the background... But what happens is that some of the white in the image also gets removed ( i.e. becomes transparent)... Which is an issue because the background is not white and the white shirt that the lady is wearing also becomes transparent.

Any help would be appreciated. I don't know what I'm doing wrong.



This discussion is closed. You can start a new discussion or contact Articulate Support.