Forum Discussion

ChengLi's avatar
ChengLi
Community Member
12 years ago

How to keep image quality after inserting into Storyline

Hi everyone, It seems that no matter what quality an image has, its quality gets blurred after inserted into Storyline. Is there a way to keep the image quality as it is after inserting into Stor...
storyline 360
JayBerning-2fb2's avatar
JayBerning-2fb2
Community Member
4 years ago

New to Storyline, but I have found the solution around the 2048x2048 image cap.  Using Illustrator or equivalent,  convert your image file (jpg, gif, png, ex.) to be exported as an imbedded .svg file.  On export, the svg is converted to .js code and not compressed.  

Storyline ignores the rules of other image formats when dealing with svg.  However, this also means it does not have the same style settings, like borders or picture effects.  Also, the image may not be visible on the authoring stage, but the preview and exports just fine.  

Andrew_Crawford's avatar
Andrew_Crawford
Community Member
2 years ago

I see the .js javascript conversion of the .svg file.  I am still not getting the full resolution for some reason in Safari.

It might not be a Storyline issue.

Picture of file size comparison between .SVG and the .JS conversion.

i had to insert the the .SVG file into PowerPoint and then import the powerpoint slide contents into Storyline to get the .SVG file to display when editing the .story file.

Exporting to .SVG with Photoshop 2024 caused the inserted .SVG file to not display when editing the .story file.