Forum Discussion

ChengLi's avatar
ChengLi
Community Member
12 years ago

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 Stor...
storyline 360
KatieRiggio's avatar
KatieRiggio
Staff
5 years ago

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!

JanDusek's avatar
JanDusek
Community Member
5 years ago

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.

  • MathNotermans-9's avatar
    MathNotermans-9
    Community Member
    5 years ago

    Storyline does convert any imported image to inline SVG. And if you really want vector SVG you can use it, either by importing it from Powerpoint, it then gets converted to a Storyline shape... and shapes are SVG. It still is a cumbersome procedure alas, but it is SVG.
    Also you can use javascript code or json to directly create png's in Storyline. Not for the unexperienced non-technical, but it is possible.