Forum Discussion
Blurry Images in Preview and Published
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.
Something new about this problem? It's very sad, that this is still a thing :(
When it will be fixed?I am having the same issue. Screenshots look blurry when I insert them into Storyline. I used the previous and latest version with no change to the quality. I have followed all the advice, but they look terrible. This needs to be fixed ASAP and it's crazy that this has been an ongoing issue.
I'm so sorry to hear you're struggling with blurry screenshots, Brandon. It was a good call to open a support case for one of our engineers to investigate this further. We'll be in touch with an update soon after reviewing the files you shared!
Hi M.,
It sounds like you may be running into a similar issue as described here, although you also mentioned blurry in publish?
The blurriness while editing or previewing it may be connected to the changes we put in place for high resolution monitors. You can modify the DPI setting to display at 100% and that should change what you're seeing.
We are also aware of an issue with the published output appearing blurry in Google Chrome while viewing the HTML5 output - but it appears normally in IE11 and Firefox for both Flash and HTML5.
Some general best practices for working with images (and any media) are described here, and it does sound like you're following along with those but worth a double check. 🙂
If any of the above ideas don't help, I'd love to take a look at one of your files with a few sample images. You can share it here using the "add attachment" button at the bottom of the Reply window.
Recently, I also get the same issue and I tried a lot to fix it. Only solution I find out is given as follows in few steps:
1. Do not crop or scale your image in articulate.
2. If you want to resize the image. I better suggest you to use Adobe Photoshop for cropping and scaling.
3. Export the image from Photoshop as JPEG or PNG format and Import the image in Articulate Storyline.
4. I repeat.. please do not scale or crop (if you are facing above issue.)
Thanks & Regards
Saurav
Sorry M - any scaling can cause issues with how a picture is displayed. If you need us to take a look at any examples or want to share thoughts on what you'd like to see us do differently, we're always happy to have that conversation here in ELH or as a Feature requests here.
Hi M.,
Storyline won't stop you from scaling an image - we want you to be able to insert and modify content as needed. Some instances the blurriness may not be noticeable or as large a concern depending on your course needs and users.
The best practice is to insert the image at the size you need - that allows you to edit, modify, and create images in a specific editing tool and then use those in Storyline. The best of both worlds.
Hi Ashley,
I'm running into this issue as well. And as you said it only seems to be affecting Chrome. Is Articulate working on a fix for the Chrome issue or is that something Google needs to fix?
Publishing as HTML5 Only. When I test Chrome on a Mac, my hi-res images look beautiful. Chrome on PC is incredibly blurry. Does that make sense? We really would prefer the users have the ability to scale down, since we have a variety of different desktops and laptops staff will be viewing on. If we have to aim with the lower resolution in mind, then images are going to look really awful on larger monitors. Chrome is our organizations browser of choice, so instructing them to use a different browser for this one purpose is going to be tough. Thank You!!!
Hi Charlotte and welcome to E-Learning Heroes :)
I do not have an update at this time, but our team is investigating this issue as well internally to see if there is anything we can do.
It seems to be related to Chrome and HTML5 output.
I will add this thread to the report as we track user impact and so that we can update here when we can as well.
Having the same issues and with many of our users using Chromebooks it is causing many problems. We try to use Flash as suggested but it seems everytime Chrome runs an update they make more hoops you must jump through in order to enable to flash. We are an online k12 school and it very difficult to get the information to all of our users. Please make this fix a priority.
One thing I don't understand. This is not an issue in Storyline 2 as far as html5. I love the new updates as far as allowing shortcut keys and the player updates with Storyline 3 and html5, but I feel this is a big problem. Why the change from no problem (SL2) to a problem (SL3)?
Hi Amy,
With Storyline 3 and Storyline 360, we rewrote our HTML5 publishing engine to provide broader support for HTML5 browsers and other features. Although that may not be the cause of the issue, it does make for a different set up in Storyline 3 than what was originally in Storyline 2.
The issue is one our team is still working on and checking varying Chrome versions and how those compare to other browsers such as IE, Edge, Firefox, etc. Once we have any additional information to share we'll be certain to update the discussion here.
Hello, checking in to see if there have been any developments on this issue?
