Quality images and text (preview and publish)
Apr 11, 2014
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
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?
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!
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.
Hi Ashley,
I'm not changing the size of the images. They remain their native size.
I can confirm that these are local files... workings straight from my desktop.
I tried importing into a new file, and the problem persists.
Hi Sarah,
Could you share one of your files for us to take a look at? You'll want to include the .story file and an original copy of the image file as well.
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.
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.
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!
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?
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.
Hi Sarah,
Our latest update is Update 10 available here, so I'd always recommend ensuring you're on the latest update. So it occurs with all images you create in Illustrator or Photoshop? Have you tried any images that you pulled from another source?
Hi Sarah -
Can you confirm that you're seeing the pixelation only when you preview your project? We use a lower render setting for preview to speed up the testing process.
Here's a comparison of your file in Preview and Publish:
HI David,
Looks like you've solved the issue. How tricky! I'm not far enough in the development of this project to have published it out, so I wasn't seeing it in the fully published view.
Thank you so much David and Ashely for your help and dedication.
Cheers!
Glad that David was able to assist here and that we were able to determine
what was happening in your files!
This discussion is closed. You can start a new discussion or contact Articulate Support.