It seems that no matter what quality an image has, its quality gets blurred after inserted into Storyline. Is there a way to keep the image quality as it is after inserting into Storyline?
Hi there, Articulate1 User. Thanks for reaching out.
It sounds like you've adjusted the quality settings during publishing. Can you tell me if you're viewing your course after hosting it on a web server or LMS? Also, are you viewing HTML5 output?
If you'd like to share your image file that you're using so that I can test it out, you can add it as an attachment to your post in the discussion.
No matter what the size or the format of the image, the published format turns out to be blurry. I have adjusted the image quality to maximum before publish and I have not exceeded the maximum file size.
Thanks for chiming in. What version of Storyline are you using? Do you have a small sample file you can share with me that shows the bluriness you're seeing? Thanks!
You're spot on about scaling - that'll change the image quality and resolution. So take a look at the information here on some best practices for working with images in Articulate Storyline 360.
We have created a video using the Storyline 360 recording feature and now want to zoom in on different areas. Doing this we are seeing the same blurring issue you are mentioning is this posts. Has anyone seen this before.
Would you mind sharing a sample of the Storyline file that is giving you trouble? You can attach it right here, and please be sure to let me know what version of Storyline you used. Thanks!
In the latest version of SL3, I have the same issue:
- I have long images to insert, around 2000 px wide by 10000 px long; I use a scroll bar/area to fit them in.
- Whether be dragged and dropped in the slide (1024 wide by 640 high) or inserted, the image resizes itself to match the slide's height (640 px).
- When I use "Size & Position" to rescale them, the image now has an original size of 441 px wide by 2048 px high, meaning that when I rescale it, it never comes close to the image's actual original size, resolution and quality. The image not only resizes itself, but SL makes it its new size.
Is there a reason why SL3 doesn't keep the image's original size, regardless of how big it might be?
same thing here, I'm inserting images from PhotoShop and it gets blurry. I changed the publishing quality settings as well as the player settings for optimization. I'm using 360.
Hi, Alyssa: I'm having the same problem; my course looks crisp when I'm authoring but is blurry when I publish. Can I send you the file to take a look?
Dear Alyssa, I am having the same problem with PNG images with scale-to-fit browser player (that's how we need it.) I already submitted this case in another thread, but maybe you can advise if the images should not be resized when inserted - should I prepare them with screen resolution 72 dpi or 96 dpi? Or this does not matter since the page is resized anyway when fitting the full browser screen? In the latter case how can we ensure that having the original images in a large resolution we do not end up with a blurry published image, when fitting the course to the full screen? Many thanks!
Please see the difference in the fragments of the images: the original screenshot is crisp, image size is large enough. When I insert it via "Insert image" in storyline it already becomes a bit blurred but whithin a modern player it becomes just soapy. The size of the image inside a player is not larger than original, so there should not be a problem. It would be great if you could fix this issue, as it is very unfortunate for our learners.
Thanks for reaching out here! I see my colleague Katie is helping you in your other discussion -- we can keep the conversation going there, if you'd like!
I have the same issue with blurring of images. No matter what tool I capture it with Snipping Tool, SnagIT, SL3 screen capture the same problem persists. I have tried different resolutions, touching them up in Photoshop saving as different file formats and always the same result: the image gets blurry when I insert it into Storyline 3.
What are the dimensions of the original image versus the dimensions of the image on your slide?
If you scale the original image up or down on the slide, you'll see some loss in quality. If you'd like to share a sample image with us for testing, you can attach the file to a new reply here.
104 Replies
Thanks, Alyssa. I have submitted the file and the case number is 01128199.
Thanks! I'll follow along as it progresses. Our Support Engineers will reach out as soon as they can!
We are having the same problem. Even when scaling the image down, at highest publishing output, the quality is blurred.
Hi there, Articulate1 User. Thanks for reaching out.
It sounds like you've adjusted the quality settings during publishing. Can you tell me if you're viewing your course after hosting it on a web server or LMS? Also, are you viewing HTML5 output?
If you'd like to share your image file that you're using so that I can test it out, you can add it as an attachment to your post in the discussion.
Hi,
Are there best practices for maintaining quality in Storyline 2?
Thanks!
Hi Greg,
Thanks for joining the conversation! Are you seeing problems with image quality in Storyline 2? Here are a couple of things I would recommend:
Let me know if that helps!
Hi there
I'm also experiencing the same issue
No matter what the size or the format of the image, the published format turns out to be blurry. I have adjusted the image quality to maximum before publish and I have not exceeded the maximum file size.
Thanks ':)
Hi Iman,
Thanks for chiming in. What version of Storyline are you using? Do you have a small sample file you can share with me that shows the bluriness you're seeing? Thanks!
Having the same problem. My screen capture are barely readable in Storyline. I'm using SL360
hi guys,
from what I have learned from experience, if you are inserting an image into storyline and then adjusting its size the image quality will degrade.
what I have done for now is to try as best not to adjust the images and that maintained the image quality.
Hi John,
You're spot on about scaling - that'll change the image quality and resolution. So take a look at the information here on some best practices for working with images in Articulate Storyline 360.
Dear all,
We have created a video using the Storyline 360 recording feature and now want to zoom in on different areas. Doing this we are seeing the same blurring issue you are mentioning is this posts. Has anyone seen this before.
Thanks and kind regards
Carol
Hi Carole!
Would you mind sharing a sample of the Storyline file that is giving you trouble? You can attach it right here, and please be sure to let me know what version of Storyline you used. Thanks!
In the latest version of SL3, I have the same issue:
- I have long images to insert, around 2000 px wide by 10000 px long; I use a scroll bar/area to fit them in.
- Whether be dragged and dropped in the slide (1024 wide by 640 high) or inserted, the image resizes itself to match the slide's height (640 px).
- When I use "Size & Position" to rescale them, the image now has an original size of 441 px wide by 2048 px high, meaning that when I rescale it, it never comes close to the image's actual original size, resolution and quality. The image not only resizes itself, but SL makes it its new size.
Is there a reason why SL3 doesn't keep the image's original size, regardless of how big it might be?
same thing here, I'm inserting images from PhotoShop and it gets blurry. I changed the publishing quality settings as well as the player settings for optimization. I'm using 360.
Hey Kim,
Would you be able to share your sample .story file here so that our team could take a look?
Hi, Alyssa: I'm having the same problem; my course looks crisp when I'm authoring but is blurry when I publish. Can I send you the file to take a look?
Hi Ellen,
I see that you reached out to our support team and Cleo was able to take a look and report this issue for further investigation.
Sorry that you ran into difficulty with this, but thanks for reaching out and sharing your file.
Dear Alyssa,
I am having the same problem with PNG images with scale-to-fit browser player (that's how we need it.)
I already submitted this case in another thread, but maybe you can advise if the images should not be resized when inserted - should I prepare them with screen resolution 72 dpi or 96 dpi?
Or this does not matter since the page is resized anyway when fitting the full browser screen?
In the latter case how can we ensure that having the original images in a large resolution we do not end up with a blurry published image, when fitting the course to the full screen?
Many thanks!
I always create my images at 96ppi and I don't have any issues with quality.
Most often they come in to Storyline larger than needed but scaling down to 65%-ish doesn't cause me any issues either.
Now I am having a problem when authoring too:
Please see the difference in the fragments of the images: the original screenshot is crisp, image size is large enough. When I insert it via "Insert image" in storyline it already becomes a bit blurred but whithin a modern player it becomes just soapy.
The size of the image inside a player is not larger than original, so there should not be a problem.
It would be great if you could fix this issue, as it is very unfortunate for our learners.
Hey Irina!
Thanks for reaching out here! I see my colleague Katie is helping you in your other discussion -- we can keep the conversation going there, if you'd like!
I have the same issue with blurring of images. No matter what tool I capture it with Snipping Tool, SnagIT, SL3 screen capture the same problem persists. I have tried different resolutions, touching them up in Photoshop saving as different file formats and always the same result: the image gets blurry when I insert it into Storyline 3.
Hey Richard!
What are the dimensions of the original image versus the dimensions of the image on your slide?
If you scale the original image up or down on the slide, you'll see some loss in quality. If you'd like to share a sample image with us for testing, you can attach the file to a new reply here.
Why does Storyline 3 not allow for inserting .eps files? Illustrator vector imaging is much more crisp than any other file type available.