Forum Discussion
Ideal 16:9 project size - should it really be 960 x 540?
Hi All
I have been wondering this for a while. Official Storyline recommendations say that the project size for a 16:9 aspect ratio is 960 x 540. But as most widescreen monitors are large, why wouldn't the recommended size be 1920 x 1080 (a standard for 16:9).
Surely when scaling up, you run the risk of pixelated images - if the originals are not of a high enough quality?
Hello Andrew
The default is 960x540, but on projects where we are importing PPT slides (rarely) - I tend to favor 1280x720 since that is PPTs default size.
But I often use 1920X1080 since that is the standard monitor size.
I think it is mostly preference.
Hi Ron,
Thank you so much for your reply. However, I still wonder why SL wouldn't recommend the use of 1920x1080 as many widescreen monitors are this? As Andrew questionned, won't images on a 960x540 or 1280x720 slide run the risk of pixelating on a 1920x1080 device? If not, I'd be really grateful to understand why they wouldn't.
Thanks!
Been playing around with this some more.
I took the same image and resized it to three different heights: 540px high, 720px high and 1080px high.
I then uploaded the image into 3 different SL360 courses - each course with slide dimensions altered to match the height of the image it was showing (so a 960x540 slide size for the 540px high picture, a 1280x720 slide size for the 720px high picture and a 1920x1080 slide size for the 1080px high picture).
I then exported all three courses as web output and viewed the picture contained in each course side-by-side in Google Chrome on my PC screen (which has a QHD (2560 × 1440 pixels) resolution).
Here's what I found:
The 540px high image (at 96kb file size) was acceptable on my QHD screen. To the trained eye, you could tell that it had lost some pixel quality but not much.
The 720px high image (at 150kb file size) showed improved pixel quality on my QHD screen. Not a massive improvement, but an improvement.
The 1080px high image (at 279KB file size) barely showed any noticeable improved pixel quality at all compared to the 720px high image.
I appreciate that there are many other factors at play when it comes to image quality in courses (such as SL360 image export settings and browser scalability capability for example) but here are the lessons I am taking from this:
- 540px high images on a QHD (and therefore HD screen) are perfectly acceptable unless you/your client wants or needs tack-sharp image resolution.
- Images around 720px high offer slightly better pixel quality but images at 1080px high don't offer much noticeable pixel quality improvement at all.
- There is a balance to be had between image quality and file size. For hefty courses with many slides, I will consider reducing the file size of images used without sacrificing too much image quality.
I hope this helps someone somewhere!
540px high image (courtesy of Pixabay):
720px high image (courtesy of Pixabay):
1080px high image (courtesy of Pixabay):
Thanks, Alex for testing this one out. I have been looking for an answer regarding this question for a while but this definitely helps making a decision when it comes to choosing screen size :)
This is awesome! Thanks for sharing your findings, Alex; excellent job testing this out! I'm sure other community members will find this helpful.
Enjoy the rest of your day! 🙂
It can be more demanding on system resources, potentially leading to slower loading times or performance issues on older devices.
Larger file sizes can create challenges in sharing, uploading, and distribution.
Some LMS platforms might have limitations that prevent uploading such large files.
