Blurry Images in Preview and Published
Jun 12, 2017
By
M. Bosscher
I've noticed this for awhile, all of my images I insert into this Storyline 3 course appear quite blurry everywhere - on the Storyline development screens, when previewed and when published (either as HTML5 or Flash).
The images are all smaller than the maximum size, they are at 100% scaling, have no effects applied to them. My Publish settings is set to 100% quality. I've tried bitmaps, pngs, jpgs, all identical blurry results.
I've searched these forums and seen a couple other threads on it , but never found a solution or real explanation for it. I can't send this course over to my client - it's embarrassingly bad.
190 Replies
Any solution about the blurriness? I have encountered this issue when publishing in review 360.
Hi Jirah - if you see my above comment, the only work around I was able to find was to use SVG images, which stayed clear in any browser and scaled to any size clearly. However because Storyline doesn't have native support for SVG images, I had to embark on an adventure to get it done. Here are the steps I had to follow to make this work:
Something else to note about this solution, the SVG images will be listed as "Picture 1", "Picture 2" etc. If you import multiple PowerPoints it will re-use numbers, so you will end up with multiple images with the same name in the media library.
Hi Aly, I will definitely try this and hope it works. Thank you so much and keep safe! :)
I have the same issue. The images I use are screenshots from our website. And I can't get the original files. They book beautiful when I access the images with any browser, The minute I copy the images they get blurry.
Any suggestions, I have tried everything possible.
Shari Ifrach
Hi Shari,
To confirm, are you running into blurry images only after you insert them into Storyline, or are you noticing blurriness when you screenshot them from the website?
If you'd like a hand, feel free to share your image files with our support team, and they can guide you on how best to import them!
The images are perfect in snag it and they are high definition pictures and when I copy them into storyline they get blurry. Then I’ll bring them into storyline and obviously they’re slightly blurry but once I go to publish them even if I change all the parameters they are still very blurry.
Thanks
Sent from my iPhone
Ren,
Here is what is happening. I am not sure if my explanation was clear. I get a high definition screen shot of my site and add it to storyline. It is blurry when I insert it as a picture or as a copy and paste. Then I publish it using the parameters set for no compression and they still come out blurry. The files are too big for email. I will upload them to the support site.
Shari
Hi Shari,
Thanks for sharing those extra details, as well as attaching your source files! I can see within the .story file the blurriness of the image. I've opened a case on your behalf for our support engineers to do some testing and provide next steps.
Be on the lookout for a response once they're done!
I have followed the directions and it is better.If I decided to make the slide size bigger than the one that is list. Would that enhance the image too? I am trying to use a the test feature with a recording and wondering if the slide size will make a difference on the image. I know that the recording get in-bedded into the background of the slide. Which is dumb. I want to resize the recording to get space.
Hi Shari,
I see that you were actively working with Eric on this issue, so I've sent your response along to him so that you can continue working with him 1:1.
Shari- have you had any resolution to this, because I have the same issue and I can't really afford to implement all of these supposed work arounds when it would be simpler for it to be fixed. The many, many people who have this issue in a number of articles on this site is pretty clear evidence that this is a Storyline issue.
Hi Matt,
Yes I did. The images I need are from our website and are dynamically made. So I can't get the image in a vector drawing from the person creating them. What I do and it works pretty well is I use Snagit to screenshot Internet Explorer at a zoom level of 150 -120% that way I get the biggest and clearest screenshot. I save the image as emf -windows vector file. This gives me the clearest image. I have played with the size of the slide but that has more to do with after I have copied it in.
I hope this helps.
Shari
Awesome, I've been dealing with this issue on and off for a couple of months. I didn't have any problems until recently. I will try your strategy and see if it works for me. Thanks again for your help!
Shari, what directions were you given to help with this issue?
Hello,
Any suggestions how to avoid blurry images in Storyline 360?
We use Modern player and after publishing all images/icons look poor quality. Please advice how solve this issue.
Yes I did. The images I need are from our website and are dynamically made. So I can't get the image in a vector drawing from the person creating them. What I do and it works pretty well is I use Snagit to screenshot Internet Explorer at a zoom level of 150 -120% that way I get the biggest and clearest screenshot. I save the image as emf -windows vector file. This gives me the clearest image. I have played with the size of the slide but that has more to do with after I have copied it in.
This bug is obviously back again!!! After the latest update of Storyline 360 - to version 3.48.24159.0 January 21, 2021 - both my Preview and Published images, no matter in Chrome, Firefox.. are blurry and awful looking - same project re-published. Modern Player, Story size 720 x 405
I noticed that as well this week.
Articulate- are you guys working on this? Because it's really irritating.
Hi Tsvety, Beth, and Matt,
Thanks for popping in here to share your experiences, and I'm sorry you're running into this! Tsvety connected with our support team, and it looks like they came across a bug we have reported where:
Override of image compression on published images causes blurred or low-quality output.
If you haven't made changes to the image quality, connect with our team to take a closer look at your file and offer further guidance on what is happening behind the scenes here!
We'll be sure to reach back out in this discusssion when there's an update on a fix.
Hi Ren,
Thanks for the update, however this doesn't seem very clear. How am I supposed to proceed as I need to make changes to 2 courses and publish them tomorrow on the LMS and the images are with embarrassing quality. The export quality is set to the highest possible as it is important for us the images to be shown at the best possible quality as it's a medical course on image interpretation.
My system hasn't change and my problem at times gets worse because I have images that the page is really long and it makes the image even smaller.
I don't know if this will help you or not - but have you tried SVG images? Storyline (still) doesn't have native support for them, but there is a way to get them into your file... in one of my previous posts on this thread I shared the workaround I used to correct blurry images.
Thank you, Aly for sharing your experience and suggestion, however it's virtually impossible for me to do this, since just 1 of my modules have 220 images - as I mentioned these are medical imaging training on image interpretation.
On a side note, I too use SVGs for another of my projects. And yes, it's very frustrating the Storyline doesn't support them natively and I have as well to import them into PowerPoint then import the PowerPoint into Storyline to get them... and there's 1other option to copy them from PowerPoint and paste them into storyline - whichever is easier for you.
OOF that's a lot of images! Yeah I can see how that wouldn't be a solution for you... best of luck!