Changing photo shape in Storyline 360 makes it blurry

I have a photo that is high quality as a rectangle, but when I use the Picture Shape option to change it to a circle, the quality degrades noticeably. The sizing is not changing here so I can't see why this would happen. I've tried this with several different photos and have the same result. I have the most up-to-date version of Storyline 360.

I've attached a screen capture of both the rectangle and circle version.

3 Replies
Katie Riggio

Hi, Jenna!

Thanks for sharing those images, and great call to also open a support case. I see my teammate, Gerald, asked a few clarifying questions to help us dig deeper. Be sure to let him know, and here is your case's unique upload link if you're able to share the .story file with him to test.

You're in excellent hands, and I'll also follow the case as it progresses!

Alexandros Anoyatis

In order to "transform" the rectangle into a circle shape, Storyline has to manipulate the picture again, resulting in an additional "layer" of compression.

There are a few solutions that work for me in most cases, yet all of them come with an accompanying caveat.

1) Use a higher DPI image source (there will still be compression but the resulting image will be crisper) 

Caveat : Hard to source

2) Create the circle shaped objects with an external tool (such as Photoshop or GIMP), then transfer that to Storyline

Caveat : Time consuming

3) Increase the Image Quality pct from the default 80% to 100% in your Publish Settings. You still won't avoid the re-compress, but the result will still be better than before.

Caveat : Larger Filesizes

Hope this helps,

Ren Gomez

Hi Jenna and Alexandros,

Great news! We just released Update 33 for Storyline 360Here are the details.

It includes a fix we made for images that were blurry when their shapes were changed, or when they were used as shape fills.

Just launch the Articulate 360 desktop app on your computer and click the Update button for each application. Details here.