iOS: Storyline displays small images blurred. Device rotation clears them?
Dec 18, 2023
Hi,
I have a course here developed by a third party. Several images are blurry when displayed on an iPhone, but the images instantly become clear if you rotate the device, either from portrait to landscape or the other way. I can also clarify the images if I open and close the Menu (navigation) in the player by tapping the hamburger icon on the left.
I also tested on an iPad, which shows the same behavior. Tested in MS Edge, Google Chrome, and the Success Factors app for iOS.
All of the above were tested from our Success Factors LMS. I did additional checks on SCORM Cloud to be sure the problem wasn't caused by Success Factors--it isn't.
I'm attaching a screen recording of an iPhone displaying the oddity.
This doesn't happen on a Windows 10 PC (Edge or Chrome), or on an Android phone (which is much older and slower than the iPhone) in Chrome.
I tried reducing the image size in PhotoShop so that the browser would no longer have to scale it. This didn't make any difference.
Suggestions?
6 Replies
Hello Carl!
I'm happy to help. Thank you for sharing the screen recording! I have two follow-up questions:
1. Are you using markers and adding images to the markers?
2. What iOS is the iPhone using?
Lastly, if you can share the .story file that would be helpful too! You can share it in this discussion or privately in a support case.
Hi, @Lauren,
As you'll see if you watch the video I uploaded, the images (on that slide) enter as part of the timeline, not via markers.
Phone and iPad are running iOS/iPadOS 17.12. However, I just got notified of the 17.2 upgrade, so I'll try that. [tries] OK, exactly the same.
Hi Carl!
Sorry to hear the images from your Storyline course appear blurry when viewed on an iOS device!
I see that you shared your .story file privately through a support case. Smart move! It looks like you connected with my colleague Johnrey, who is conducting some tests. You're in great hands working one-on-one with him and should be hearing back from him shortly!
We can continue troubleshooting through your case to keep all information in one spot.
I figure that, from your POV, having the solution eventually here will be useful, because it'll be easy for future people to find.
So it seems like the issue happens with the combination of the “rounded corner picture shape feature”, added with either the “Zoom”, or “Zoom and spin” animation filters. Fly in’s and fades are unaffected.
This doesn't answer any questions but it might provide a band-aid. cheers.
Hi Jesse!
Thanks for taking the time to share this workaround with the community! I'm sure other users discovering the thread will find these steps helpful!
Have a great rest of your week!