Storyline 360 Tutorial

Step-by-Step: Change Slide Size in Articulate Storyline

Choosing the right slide size and aspect ratio in Articulate Storyline determines how your course displays across desktops, tablets, and mobile devices.

This guide walks through changing your Story Size, handling existing slide content when resizing, and understanding how Storyline's canvas settings have evolved across major software releases.

Understanding Story Size and Canvas Dimensions

  • Default Slide Size

    The preset slide size in Articulate Storyline is 720 pixels wide by 540 pixels high (a standard 4:3 aspect ratio).

  • Customization

    Story size is fully customizable. You can change it to widescreen (16:9, such as 1280×720 or 1920×1080) or enter custom dimensions.

  • Global Application

    The slide size applies to the entire project file. Individual slides within the same project cannot have different slide sizes.

  • Dimensions vs. Media Quality

    Slide size sets your visual canvas dimensions and aspect ratio. Increasing slide size expands your workspace; image and video quality are governed by asset quality and your export quality settings during publishing.

How to Change Your Story Size in Articulate Storyline

  1. 01

    Open the Design Tab

    Go to the Design tab on the ribbon.

  2. 02

    Click Story Size

    Click the Story Size button (located on the far left side of the Design ribbon).

    Articulate Storyline Design ribbon with the Story Size button highlighted
  3. 03

    Select a Story Size

    In the Change Story Size dialog box, open the Story Size drop-down menu and select Custom (or choose a preset ratio).

    Change Story Size dialog box with the Story Size drop-down, Width, Height, and Lock aspect ratio fields
  4. 04

    Enter Width and Height

    Enter your desired Width and Height in pixels.

    Change Story Size dialog box with the Width and Height pixel fields
  5. 05

    Lock the Aspect Ratio (Optional)

    Check the Lock aspect ratio box if you want width and height to adjust proportionally when changed.

    Change Story Size dialog box with the Lock aspect ratio checkbox selected
  6. 06

    If Increasing Slide Size

    Select Scale to fit to expand existing slide content, or Fill background to expand the canvas while keeping content at its original size and selecting anchor positions.

    Change Story Size dialog with Fill Background selected and the Story Position anchor dropdown expanded
  7. 07

    If Decreasing Slide Size

    Select Scale to fit to shrink content down, or Crop to define a specific visible canvas area for each slide using the green crop window.

    Articulate Storyline crop window with the green crop rectangle over a slide and Apply to All Slides button
  8. 08

    Apply the New Story Size

    Click OK to apply the new slide size to your project.

Articulate Storyline Version History

Articulate Storyline has evolved through several major releases to enhance the e-learning content development experience for instructional designers:

  • Articulate Storyline 1 (2012)

    The initial version that established the foundation for interactive e-learning development.

  • Articulate Storyline 2 (2014)

    Introduced enhanced animations, motion paths, upgraded slider controls, and improved mobile playback support.

  • Articulate Storyline 3 (2017)

    A standalone perpetual-license version with modern HTML5 rendering, updated accessibility features, and an upgraded user interface.

  • Articulate Storyline 360 (2016–Present)

    Part of the Articulate 360 subscription suite. It receives continuous feature updates, includes access to Content Library 360 assets, and provides seamless cloud collaboration via Review 360.

FAQ

Frequently Asked Questions

Why is it important to select the right slide size before creating content?

Choosing the correct aspect ratio (such as 16:9 widescreen or 4:3 standard) ensures your course displays cleanly across target screen sizes and modern display monitors without letterboxing or unintended scaling.

What is the recommended slide size for modern Articulate Storyline courses?

While the default is 720×540 (4:3), modern e-learning courses commonly use widescreen dimensions (16:9) such as 1280×720 or 1920×1080 for high-definition displays.

Can I change the slide size of individual slides within a single project?

No. In Articulate Storyline, the Story Size is a global setting that applies to every slide and layer within that .story project file.

Where can I find the "Story Size" option in Articulate Storyline?

The Story Size option is located on the Design tab of the main top ribbon.

How can I set the player options for web browsers?

To adjust how the course player scales inside a browser window upon publishing, go to the Home tab, click Player, select Custom window settings or Other, and configure browser sizing options (such as Resize browser to fill screen).

How can I preview the course before publishing?

Go to the Home tab, click Preview, and choose This Slide, This Scene, or Entire Project to verify how your slide layout and canvas dimensions appear.

eLearning Course Catalog

Ready-to-Deploy Compliance Courses

Explore our comprehensive collection of off-the-shelf, SCORM/xAPI-compliant courses designed for instant LMS deployment across key enterprise domains:

  • Occupational Health & Safety (OHS) & Compliance:Fall Protection, Electrical Safety, Lockout/Tagout, WHMIS, and TDG.
  • Compliance & Ethics:Anti-Bribery & Corruption, Workplace Harassment Prevention, and POSH Regulations.
Free Employee Training & Online Courses

Complimentary Workforce Upskilling

Upskill your workforce with self-paced, complimentary 30-minute courses that come with free corporate LMS portal tracking for up to 10 employees, zero software licensing fees, and instant digital certificates of completion:

  • Business Email Writing Etiquette:Master tone, professional structure, and email protocol.
  • Cybersecurity Awareness Training:Protect data, identify phishing traps, and implement strong credential security.
  • Workplace Soft Skills:Problem-Solving, Respect in the Workplace, Change Management, Coaching Skills, and Time Management.
What We Offer

Our Services

Training Solutions

Employee Onboarding, Leadership Development, Corporate Sustainability & ESG Training, Product Training, and Compliance eLearning Solutions.

Get in Touch

Ready to Transform Your Training?

Get a tailored project proposal, custom timeline, and a free SCORM sample built directly from a slice of your existing training materials.

  • Free Proof-of-Concept

    Send us a short document or presentation, and we'll transform it into an interactive SCORM sample so you can judge our instructional design.

  • Expert Consultation

    Talk directly with our eLearning specialist to align your business goals with the right technology stack.

  • Transparent Pricing

    Clear cost estimates and realistic project milestones delivered with zero hidden fees.

Prefer direct email? Reach our lead team at [email protected].

Send Us a Message

Fill in a few details and we'll get straight back to you.