When you create a new Storyline 3 project, the slide size defaults to 720 pixels wide by 540 pixels high, but you can change it to any size you'd like.
\n
\n\n
It's best to change your slide size before adding slides. Otherwise, you may need to resize or rearrange objects in your project to accommodate its new size.
\n
\n- Go to the Design tab on the ribbon and click Story Size.
\n- When the Change Story Size window appears, choose an option from the Story Size selector.\n
\n- If you choose Custom, enter the width and height in pixels.
\n- Mark the Lock aspect ratio box if you want to maintain the current proportions for objects that have locked aspect ratios.
\n- As of October 2021, the preset widescreen (16:9) slide size increased from 720x405 to 960x540.
\n
\n \n- If you increase the slide size, choose one of these sizing options:\n
\n- Scale to Fit: This scales existing slide content to fit proportionately within the new size. Objects that have locked aspect ratios will maintain their ratios. Objects that don't have locked aspect ratios may change shape, depending on the slide size you choose. (Learn more about locking aspect ratios.)
\n- Fill Background: This keeps the current slide background and applies it to the new size, but it doesn't resize your slide content. If you choose this option, use the corresponding Story Position drop-down to choose where existing content should appear on your slides.
\n
\n \n- If you decrease the slide size, choose one of these sizing options:\n
\n- Scale to Fit: This scales existing slide content to fit proportionately within the new size. Objects that have locked aspect ratios will maintain their ratios. Objects that don't have locked aspect ratios may change shape, depending on the slide size you choose. (Learn more about locking aspect ratios.)
\n- Crop: This crops your content to fit within the new size. If you choose this option, the Next button will become active. Click Next to define the crop area for each slide in your project. Drag the green box to indicate the portion of each slide you want to keep.
\n
\n \n- Click OK to accept the new slide size.
\n
\n\n
The overall size of your published output will be slightly larger than your slide dimensions. That's because the player (the interface around the perimeter of your slides) adds some width and height.
\n
The player adds up to 260 pixels to the width and up to 118 pixels to the height, depending on the player features you choose. See the following table for details.
\n
You can also enable and disable player features on a slide by slide basis, but the course size will remain the same for all slides—i.e., each player feature adds some width or height to your published course, even if it’s only used on a single slide.
\n
\n\n\n| \n Player Feature \n | \n\n Width \n | \n\n Height \n | \n
\n\n| \n Player frame (with or without player features) \n | \n\n +20 pixels \n | \n\n +20 pixels \n | \n
\n\n| \n Title \n | \n | \n\n +23 pixels \n | \n
\n\n| \n One or more topbar tabs \n | \n | \n\n +24 pixels \n | \n
\n\n| \n Volume controller, closed captioning button, seekbar, or navigation buttons \n | \n | \n\n +51 pixels \n | \n
\n\n| \n Sidebar \n | \n\n +240 pixels \n | \n | \n
\n\n
\n
\n
Here’s an example: If your slide size is 720 x 405 and you enable the navigation buttons and sidebar, the overall dimensions of your published course are 980 x 476. Here’s the breakdown:
\n
\n\n\n| | \n\n Width \n | \n\n Height \n | \n
\n\n| \n Slide size \n | \n\n 720 pixels \n | \n\n 405 pixels \n | \n
\n\n| \n Player frame \n | \n\n +20 pixels \n | \n\n +20 pixels \n | \n
\n\n| \n Navigation buttons \n | \n | \n\n +51 pixels \n | \n
\n\n| \n Sidebar \n | \n\n +240 pixels \n | \n | \n
\n\n| \n Published Course Dimensions \n | \n\n 980 pixels \n | \n\n 476 pixels \n | \n
\n\n
\n
When you create a new Storyline 3 project, the slide size defaults to 720 pixels wide by 540 pixels high, but you can change it to any size you'd like.
\n
\n
How to Change Your Slide Size
\n
It's best to change your slide size before adding slides. Otherwise, you may need to resize or rearrange objects in your project to accommodate its new size.
\n
\n- Go to the Design tab on the ribbon and click Story Size.
\n- When the Change Story Size window appears, choose an option from the Story Size selector.\n
\n- If you choose Custom, enter the width and height in pixels.
\n- Mark the Lock aspect ratio box if you want to maintain the current proportions for objects that have locked aspect ratios.
\n- As of October 2021, the preset widescreen (16:9) slide size increased from 720x405 to 960x540.
\n
\n \n- If you increase the slide size, choose one of these sizing options:\n
\n- Scale to Fit: This scales existing slide content to fit proportionately within the new size. Objects that have locked aspect ratios will maintain their ratios. Objects that don't have locked aspect ratios may change shape, depending on the slide size you choose. (Learn more about locking aspect ratios.)
\n- Fill Background: This keeps the current slide background and applies it to the new size, but it doesn't resize your slide content. If you choose this option, use the corresponding Story Position drop-down to choose where existing content should appear on your slides.
\n
\n \n- If you decrease the slide size, choose one of these sizing options:\n
\n- Scale to Fit: This scales existing slide content to fit proportionately within the new size. Objects that have locked aspect ratios will maintain their ratios. Objects that don't have locked aspect ratios may change shape, depending on the slide size you choose. (Learn more about locking aspect ratios.)
\n- Crop: This crops your content to fit within the new size. If you choose this option, the Next button will become active. Click Next to define the crop area for each slide in your project. Drag the green box to indicate the portion of each slide you want to keep.
\n
\n \n- Click OK to accept the new slide size.
\n
\n
How Player Features Affect Published Size
\n
The overall size of your published output will be slightly larger than your slide dimensions. That's because the player (the interface around the perimeter of your slides) adds some width and height.
\n
The player adds up to 260 pixels to the width and up to 118 pixels to the height, depending on the player features you choose. See the following table for details.
\n
You can also enable and disable player features on a slide by slide basis, but the course size will remain the same for all slides—i.e., each player feature adds some width or height to your published course, even if it’s only used on a single slide.
\n
\n\n\n| \n Player Feature \n | \n\n Width \n | \n\n Height \n | \n
\n\n| \n Player frame (with or without player features) \n | \n\n +20 pixels \n | \n\n +20 pixels \n | \n
\n\n| \n Title \n | \n | \n\n +23 pixels \n | \n
\n\n| \n One or more topbar tabs \n | \n | \n\n +24 pixels \n | \n
\n\n| \n Volume controller, closed captioning button, seekbar, or navigation buttons \n | \n | \n\n +51 pixels \n | \n
\n\n| \n Sidebar \n | \n\n +240 pixels \n | \n | \n
\n\n
\n
\n
Here’s an example: If your slide size is 720 x 405 and you enable the navigation buttons and sidebar, the overall dimensions of your published course are 980 x 476. Here’s the breakdown:
\n
\n\n\n| | \n\n Width \n | \n\n Height \n | \n
\n\n| \n Slide size \n | \n\n 720 pixels \n | \n\n 405 pixels \n | \n
\n\n| \n Player frame \n | \n\n +20 pixels \n | \n\n +20 pixels \n | \n
\n\n| \n Navigation buttons \n | \n | \n\n +51 pixels \n | \n
\n\n| \n Sidebar \n | \n\n +240 pixels \n | \n | \n
\n\n| \n Published Course Dimensions \n | \n\n 980 pixels \n | \n\n 476 pixels \n | \n
\n\n
\n