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
It is 2021 now and we can't insert sharp pictures into Storyline 360... This can't be brushed off as a "feature request". I tried everything and still Storyline can't seem to show the original pictures. It's just laughable because Storyline has soo much good features and it is a real machine, but it can't do a basic thing like inserting sharp images. For companies, screenshots are used regularly in e-learnings, tutorials and manuals, so this is really concerning. Hope this get's fixed soon. (My images are smaller than 2048 x 2048 and still appear blurry "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.")
I'm definitely going to convince my superiors to switch development tool because this is just nonsense.
Totally agree. Especially when they charge so much for their product!
I'm experiencing the same problem.
My progress bar in Illustrator is 30x401 px, whilst inserted in SL (as .png file) is automatically resized to 31x402 px and it says it's 100% size. The publish quality is set to 100% but the image looks blurry and unprofessional. I'm pretty sure the client comes back pointing this as an issue.
I publish with the custom setting, on the highest quality...best output.
When you are viewing the unpublished version, it looks blurry, but it is much better when published.
This is the solution that I found works for my setup:
I'm using dual monitors, my SurfaceBook Pro 3000x2000 and a Samsung screen 3840x2160. I capture screenshots using SnagIt.
In Design/Story Size Setup I changed the Story Size to "Custom" using 2047Wx1151H. This is a 16:9 ratio.
I no longer have fuzzy images. See the two attachments showing the same images with Story Size Setup at the default 720x405 as well as the higher resolution.
This is the most helpful comment I've seen in this thread. I set my dimensions (from the Design tab in Storyline) to 1920x1080, to match my screen size. The image in Storyline now looks perfect, but there's still one small issue. On each side of the published image (I'm publishing it to video), it's black. I wanted the image to fill the screen. How do I fix this?
may i know what type of storyline version do you use?
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.
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!
Can we please have support for larger images than 2048x2048? It's 2020 and with Retina assets everywhere, this translates to 1024x1024 which is not really sufficient for screencasts.
Ideally please just give us an advanced mode where assets are not altered by Storyline and we as creators are 100% responsible for the assets we bring in.
Also default vector shapes of Storyline like lines with an arrow in the end, are still blurred, if drawn under any angle. Could you please fix it, we reported it also quite some time ago. Thank you very much!
I see this post is over 3 years old but I am still experiencing the issue with screen caps from snagit inserted in SL360. I'm not seeing a solution in this thread .. was there any solutions?
Hi, Jeffery!
Thanks for reaching out and sending in a file for our Engineers to test.
I'm recapping my teammate Cleo's tips publicly for others following along:
For the highest quality videos and pictures in Storyline 360 courses, we recommend using videos and pictures with dimensions that don't exceed the story size.
If your slide is 1024x576, your media should be cropped/resized to 1024x576 before it's importing into Storyline. If you change the scale of the media in your course, it can cause blurriness in the published output. To check the size of your imported media, right-click on it and select Size and Position. If the scale isn't set to 100% (both height and width) then that'll cause blurry media in the published output. More here:Storyline 360: Best Practices for High Quality Images and Videos
We also suggest using PNG files, this vector format is great for images with lines and shapes and typically renders a much sharper image than other image formats.
If you set your media to fit perfectly in your Storyline slides and you still see issues in the quality, it's likely that the published slides were stretched to fit the browser window. Using the modern player automatically stretches the player to fit the browser. If the learner has a high resolution/large monitor, chances are the 1024x576 slide will be stretched and may result in blurry media.
Let us know if you have any questions about this!
Thanks for sharing this Katie, one small correction though:
> We also suggest using PNG files, this vector format is great for images with lines and shapes and typically renders a much sharper image than other image formats.
PNG is a raster format, just like JPEG. For the best possible quality it would indeed be a good idea to use some vector format (like SVG), but sadly that is to the best of my knowledge not supported by Storyline.
Hi
It is now May 2022 and I am still waiting for a resolution to this issue. My clients are becoming restless.
