Forum Discussion
How to keep image quality after inserting into Storyline
Hi everyone,
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?
Thanks in advance,
Cheng
Hi Cheng,
How large is the image size? There is a maximum image size of 2048 pixels x 2048 pixels. Images that are larger than this will lose quality when inserted into Storyline, which may make them appear blurry or fuzzy. There are two additional troubleshooting steps in the bottom of that article on how to retain the image quality if it's larger than 2048 x 2048 pixels.
You may also want to look into changing the Image Quality settings in the Publish dialog.
- ChengLiCommunity Member
Ashley Terwilliger said:
Hi Cheng,
How large is the image size? There is a maximum image size of 2048 pixels x 2048 pixels. Images that are larger than this will lose quality when inserted into Storyline, which may make them appear blurry or fuzzy. There are two additional troubleshooting steps in the bottom of that article on how to retain the image quality if it's larger than 2048 x 2048 pixels.
You may also want to look into changing the Image Quality settings in the Publish dialog.
Hi Ashley,When I insert an image into SL (no matter it' larger or smaller than the default max image size), the image is always resized, which result in blurry quality. Let me show you an example here.
Before image is inserted into SL, the image quality is: (the image resolution is less than the default max image size)
After the image is inserted into SL, the image quality changes to...
As you can see, after the image is inserted into SL, the image quality is blurred.
Have no idea why it happens.
- AdamFergusonCommunity Member
It's 2017 and I'm having the exact same issue Cheng. I've tried everything.
Hi Cheng,
Thanks for sharing the images. What type of image are you inserting into Storyline? Would you be able to share the Storyline file and the image file with us here? If you'd prefer not to share in the forums, I can send you directions to share with me privately.
- ChengLiCommunity Member
Ashley Terwilliger said:
Hi Cheng,
Thanks for sharing the images. What type of image are you inserting into Storyline? Would you be able to share the Storyline file and the image file with us here? If you'd prefer not to share in the forums, I can send you directions to share with me privately.
That's okay. I attached both the image and the SL file here. The image type is png.If you preview it in SL, you can see how the texts in the image get blurred.
Hope this helps you see where the problem is.
Thanks Ashley.
- ChengLiCommunity Member
- BillHarnageCommunity Member
Hey Cheng,
Your player (output) is set to scale to fit the browser; this is what's causing the fuzz. Preview mode does the same thing - you have a rather large slide size.
Go to your player settings > Options and lock the player to optimal size. Once you publish it'll be nice and crisp.
But, if someone has a smaller resolution than your player size they will lose parts of the player that don't fit the resolution.
- ChengLiCommunity Member
Bill Harnage said:
Hey Cheng,
Your player (output) is set to scale to fit the browser; this is what's causing the fuzz. Preview mode does the same thing - you have a rather large slide size.
Go to your player settings > Options and lock the player to optimal size. Once you publish it'll be nice and crisp.
But, if someone has a smaller resolution than your player size they will lose parts of the player that don't fit the resolution.
Hi Bill,I set the player that way because the images in my course are really large, but I want them to fit into screen and yet keep them at a high resolution.
I used your settings as well, but it does not seem to work. The images are still blurred as they were. Is it something that I did wrong?
- CLanceNormanCommunity Member
Referencing a comment I made on another thread, I’m seeing image degradation as well. But it might not be for the reason I was expecting.
As we didn’’t have the original assets used in this particular project and needed to do some minor Adobe Photoshop retouching (to remove name badges and replace with embroidered names), I used the trick here to recover JPEG images from the.story
file. I retouched those and replaced them in the project. It looked fine when first dropped in there, but upon previewing the project yesterday, there was obvious blurring in the image.
I decided to “take a look under the hood” and found something interesting—there were a number of image assets which had been converted to Adobe Flash (SWF) files. In several cases, the images were quite small and the SWF version was actually larger than the original file! With the attached image, you can see what the change to SWF introduced. The left image is the original recovered JPEG, and the right image is the SWF version found in the newest version. (If it’s not obvious, compare the light from the windows hitting the woman’s hair, and the fine lines on her forehead.)
I could understand rendering Storyline’s assorted animations and transitions (such as image cropping, zoom regions, etcetera) as SWF to speed execution and keep the filesize down, but some of these were static objects that had no such formatting applied. I was wondering on the other thread if SL2 was “recycling” the images, and using lossy compression on them with each new publish or save. Perhaps not, but the encoding as SWF—haven’t a guess there.- VictorLinnem563Community Member
Hi C. L. Norman!
Today I have made the same observation: A number of Images has been converted into SWF during production. The funny thing about this: It happened with a story file that had been translated into several languages. Nobody touched these images, changed the size or the position on the slide. In the master Version there is only one Image that has been converted. The same is true for 2 of the translated versions. Only in the third Version, some additional images have been converted into flash. In each production, Image quality is set to 100%. I don't get the clue about this behavior. The result is that one SCORM file is 2 times bigger than the others.
What does trigger this optimization?
Hi Victor!
Do you have a sample file we could take a look at to see this happening? I'm not seeing that in my simple test, but I would like to take a look.
- VictorLinnem563Community Member
Hi Leslie
Due to restrictions of the content owner I can't upload the complete story files. But I tried to isolate the problem. I just left one slide in each with the same image on it that has the same size (width is 2048px, height is smaller) and exactly the same position on both slides. With the original story files, this image had been converted into SWF only in the publish of one of the story files but not in the other.
After deleting all other slides except that one with the grapic on it, both Images are converted into SWF in the publish.
How can that be?