Quality images and text (preview and publish)

Hello all!

I'm having a problem with the quality of my images and text in Storyline.

When I insert the images and text in Normal view, the quality seems to be fine. But when I preview (or publish) my content, the images and text are looking blurry.

I tried several things to fix the problem:

- Set the image quality to 100%

- Different types of files

- Import a larger image and crop it to the right size

- Change the Browser Settings (current settings are: Display at user's current browser size and Lock player at optimal size)

- Zoom button: 100%

But nothing seems to work.

The images and text are placed on the slide itself. The Story Size is 1002 x 614 and my monitor is 1920 x 1080.

Thanks in advance!

14 Replies
Ashley Terwilliger

Hi Marly and welcome to Heroes! 

I assume you're using update 5 of Storyline, correct? There is some compression that will occur to help you have the highest quality possible at the lowest file size, and I know that other forum users have requested for there to be a feature to decide what is compressed vs. what isn't.  With that being said, we'd still want to take a look at your image and .story file to see if there is something else occurring or additional fixes we could assist with. Are you able to share that course or even a sample here with us? 

Sarah MacDonald

Hello, 

I'm having a similar problem. (2 years later!)

In development, my images look crisp and beautiful. But in preview and publish, the quality is poor. I've attached image examples. 

My settings are as follows: 
Publish image quality: 100%
Player settings/Browser settings:  Resize browser to optimal size | Lock player at optimal size
Story size:  1009 x 662 

Images in question are PNGs, not JPGs to maintain quality. 

I must be missing something. I've not had this problem in other projects i've worked on in storyline. I'm working from a file that someone else had previously worked on, so i'm assuming theres a setting somewhere that i'm unaware of. 

 

Thanks! 

Ashley Terwilliger

Hi Sarah,

Are you scaling the images at all after inserting them into Storyline? You mentioned just this one file is causing you difficulties - did you confirm that you're working on local project files? Did you also look at importing it into a new project file as described here? 

If you'd like to share the .story file with us, we're happy to take a look too and see how it behaves. 

Sarah MacDonald

Hi Ashley, 

Sure thing. I've isolated one page to keep the file size small and included just one set of buttons (where you can see the issue most clearly) since the issue occurs with them all. I hope this will help! 

Thanks so much. 

Ashley Terwilliger

Thank Sarah - I see what you're describing with these buttons, but when I create my own buttons outside of Storyline or download from another site to insert I don't see the same blurriness occur. Where or how were these buttons created? I even see the same occur with your images if I take a screenshot or capture of it which makes it more bizarre to me. 

Sarah MacDonald

Hmmm. So strange! these were created in Adobe Illustrator, the program I (we) use for developing all the graphics in our storyline projects. Yet, we've never noticed this happening before. 
What troubles me is that if I view the button in a browser on its own, the quality in fine. The same goes for opening in other software (photoshop, illustrator), and inside storyline in the build mode its fine, too! 

Ashley Terwilliger

I don't have Adobe Illustrator, but I can see if some other folks do. Did you notice this being a recent change in Storyline? Can you isolate it to a particular update of Storyline or Adobe? Are you seeing it with all the graphics you create in Adobe? Have you tried exporting images out from Photoshop to see if there was a similar result? 

Sarah MacDonald

This is the first time that I've noticed it with Storyline, but that's not to say its a recent change. Tomorrow I'll be able to access some of the other projects I've worked on in the last few months, and be able to compare. But I'm pretty sure we didn't see this before.  I'm not working with the latest update of Storyline yet, I'm still using update 7 of Storyline 2.  I'm using Illustrator CC 19.2.1.  I've tried outputting from Photoshop and the same issue occurs.