Forum Discussion

MarkSimon's avatar
MarkSimon
Community Member
8 years ago
Solved

Problems with JPG files in Storyline 360

I uncovered a few bugs with JPG files in Articulate 360 and thought it might be helpful to offer at least one (very easy) potential workaround.  Problems include:

  • Images being inserted upside down or sideways
  • Image cropping behaving very badly/not working
  • Storyline crashing when re-sizing an image

In the situation with cropping, when I grabbed to the top middle crop handle and dragged down, Storyline cropped the right and bottom of my image.  In the re-sizing situation, I grabbed the left middle handle of an image and tried to enlarge the width.  (May be worth noting that the image was set to maintain aspect ratio, which could have been a contributing factor.)  All of the above issues were repeatable, even when re-starting my workstation.

Here's the good news:  The workaround is very simple:  Open the JPG in MS Paint (or your favorite raster-based graphics tool) and save the image as PNG.  Done!  I've found none of those issues (and better graphic handling overall) when using PNG files.

I'm not suggesting that the Articulate engineering team let these bugs go -- and it's really a shame if the Articulate QA folks missed these issues -- but the workaround does seem to work very well for now.  Hope this helps!

 

  • Hello Everyone! 

    I'm happy to share that we have released a new update for Storyline 360 (Build 3.87.32265.0).

    In this update, we have implemented a fix for:

    • Erratic movement made cropping a rotated image difficult.

    As a first stepI recommend updating Storyline 360 to the latest version. Here's how:

    Update Authoring Apps

    If you have any questions on Update 87, please let us know in this thread or privately in a support case.

    Have a great day! 

10 Replies

  • Hi Mark!  Thanks for sharing the solution you found - that's what makes this community great.  ☺️

    We are investigating some behaviors:

    • Crashing:  Were you working with the color aspects of the image (contrast, recolor) as well as cropping?  We were having a look at an issue where Storyline performance suffered when manipulating the cropping and coloration tools.
    • Bad cropping:  Were any of the images manually rotated in Storyline?  We found an issue where cropping a rotated image was difficult because the image moved during the process.

    As for your upside-down photos, I have anecdotally experienced something similar when using photos taken on a phone that had been rotated.  Those photos are actually rotated, but tagged with an orientation instruction that not every application can read.  Read more about that here.

    Does that sound like it matches your experience?  I'll confirm whether Storyline should be able to understand the intended rotation of those .jpg files.  It sounds like when you convert them in MS Paint e.g., the intended rotation is properly saved and then they display properly in Storyline.

  • MarkSimon's avatar
    MarkSimon
    Community Member

    Hi Crystal,

    I'm *SO SORRY* that I missed your response to my posting.  Not sure if I missed an email or of I just should have kept an eye on my posting.  Either way, my fault....  :-/

    In response to your questions, I was not doing any coloration to the images but occasionally I would crop and, to fix the upside-down images, I would rotate them.  However, I was only cropping ~10% of the photos and the odd behavior was happening with just about all of the images.

    However, you hit the nail on the head when you mentioned photos taken on a phone because just about all of these images were from the phones of my subject matter experts.  Perhaps the issue is not just JPG format, but JPG format that comes from mobile phones.

    It's possible that there's nothing Articulate can do to control/fix that issue, but I know that my Windows photo viewers all display the photos properly, as does PowerPoint and all the other MS Office apps, so I hope that something could be done to make the situation a little better.

    Thanks much for your attention to this matter -- and sorry once again for the long delay with my reply.

    • Crystal-Horn's avatar
      Crystal-Horn
      Staff

      Hi there, Mark!  No worries about the delay in response time.  We're always here to help!

      To give you an update, the issue with Storyline when rotated images are formatted using the color tools was fixed in update 17 last June.  The issue with cropping rotated images is still open with our team.

      Photos that have been taken with a phone and have an originally rotated orientation will still show as rotated in Storyline because Storyline isn't able to read the orientation tag.  Currently, it's a feature request to change that behavior.

      Let me know if you have other questions!  

  • Any update on this out of curiosity, just happened to me, the image I was provided is portrait and upright, but when I insert into storyline it is upside down.

     

  • MarkSimon's avatar
    MarkSimon
    Community Member

    Hi Teresa - Sounds like the problem may not be completely fixed, but I did a few quick tests and couldn't duplicate the problem so my guess is that the underlying problem may be the device that took the photo -- and then perhaps Storyline as well.  I did my testing with a few portrait photos taken on iPhones, but I had Android phones for a long time so perhaps the Android images were problematic for Storyline??

    Have you tried to insert the photo into another software application - like PowerPoint, for example?  If the image inserts correctly in PowerPoint, then I would try right-clicking on it, saving it as a PNG, and then try inserting that image into Storyline.  Hope this helps....

  • I actually did what you recommended.  I went into Snagit Editor and saved it as a .PNG and it inserted correctly.  I was just curious to check on status so I knew whether it may be more related to my file or if it was still a bug.  Thanks for the reply.

  • Hello Everyone! 

    I'm happy to share that we have released a new update for Storyline 360 (Build 3.87.32265.0).

    In this update, we have implemented a fix for:

    • Erratic movement made cropping a rotated image difficult.

    As a first stepI recommend updating Storyline 360 to the latest version. Here's how:

    Update Authoring Apps

    If you have any questions on Update 87, please let us know in this thread or privately in a support case.

    Have a great day! 

  • Deleted user's avatar
    Deleted user

    Hi Everyone, is it just me, but even though I have the latest storyline version with all the updates, in one of my projects, the pictures get inserted upside down and croping is impossible. What could be possible solutions? Would hate to redo all the work that I have done so far...

  • Hi Agnė,

    I'm sorry to hear about this trouble. Thanks for confirming that you have the latest Storyline version. I tried inserting a JPG file on my end with no issues and was able to rotate and crop it.

    Please try the following tests on your end so we can dig deeper into this.

    1. Use a different JPG file in your course.
    2. Create a new course and see if the issue will occur using the affected image file.

    If the image insertion is still problematic, can you confirm if you're working on your local drive? Working on a network drive can cause erratic behavior. If the problem still happens, try these steps to fix installation issues.

    If the problem persists, we'd be glad to investigate further. You may share your JPG file and Storyline project here or privately in a support case, where our Support Engineers will work with you one-on-one. We'll delete them when we're done testing.