How to add a thumbnail to a SCORM package in Storyline

How to add a thumbnail to a SCORM package in Storyline

If you are using any multimedia format in your intro slide in Storyline, the default starting screen will be a blank screen with the play button, we can customize the first image to be our course thumbnail.

This is how it´s done:

In the player properties window, check the Cover Photo box and click the + Photo link to browse for an image.

You have four different options to choose from.

  1. First slide: Choose this option if the first screen in your course is static and works well as an introduction.
  2. Media library: Select this option if you want to use an image that’s already in your course.
  3. Content Library 360: If you want to use a brand-new photo or illustration, browse the huge library of images included with your Articulate 360 subscription.
  4. Image from file: If you’ve created a custom image, just upload the file from your computer.

In this short video you can see the

21 Comments
  • Jasmine Saint Claire
    Posted at 02:48h, 22 November Reply

    Very good article. I absolutely love this site. Thanks!

  • X22sep
    Posted at 00:33h, 14 August Reply

    Hey people!!!!!
    Good mood and good luck to everyone!!!!!

  • DenAbinox
    Posted at 04:18h, 16 August Reply

    Nice article

  • instagram video downloader toolzu
    Posted at 22:31h, 23 September Reply

    Your writing has a way of making even the most complex topics accessible and engaging. I’m constantly impressed by your ability to distill complicated concepts into easy-to-understand language.

  • XRsep
    Posted at 04:13h, 27 October Reply

    Hello!

    Good cheer to all on this beautiful day!!!!!

    Good luck 🙂

  • Avtoservis
    Posted at 19:08h, 01 December Reply

    Just implemented this in my latest course—looks 100x better! Thanks for the tip!

  • Stomat
    Posted at 16:42h, 03 December Reply

    What happens if you change the image later? Does it automatically update, or do you need to replace it manually?

  • kupit
    Posted at 06:58h, 05 December Reply

    I added my company’s logo as the thumbnail, and it looks awesome! Huge branding upgrade!

  • Stomati
    Posted at 01:27h, 11 December Reply

    This makes courses look way more polished. Thanks for the step-by-step guide!

  • kupit
    Posted at 07:44h, 12 December Reply

    I usually take a screenshot of my first slide and upload it manually—this is way faster!

  • Baraba
    Posted at 19:41h, 15 December Reply

    Great tutorial! Do you know if there’s a way to automate this setting for all courses?

  • Skolk
    Posted at 17:04h, 23 January Reply

    never noticed the Cover Photo checkbox before—this makes things so much easier!

  • Protezi
    Posted at 20:01h, 23 January Reply

    Can you use GIFs or animated thumbnails, or does it have to be a static image?

  • Cirkon
    Posted at 14:50h, 26 January Reply

    Super helpful! Do you know if this setting carries over when uploading to LMS platforms like Moodle?

  • Bazalny
    Posted at 14:57h, 26 January Reply

    I always used the first slide option, but I’ll try pulling from the Media Library next time.

  • Smery
    Posted at 05:03h, 27 January Reply

    Just tried this, and it works like a charm! No more ugly blank screens.

  • pechati
    Posted at 02:32h, 28 January Reply

    Thanks, Mariano! Does this work for Storyline 2, or is it only for Storyline 360?

  • Stomat
    Posted at 12:09h, 29 January Reply

    Life-changing! 😂 I used to add an extra static slide just for this.

  • Stomat
    Posted at 12:39h, 29 January Reply

    Do you recommend any specific image size for the thumbnail to look sharp?

  • Dizayners
    Posted at 10:58h, 02 February Reply

    Never knew Storyline had a Cover Photo option—thanks for sharing!

  • pochivka
    Posted at 07:32h, 04 February Reply

    Great tip! I always struggled with that blank play button screen. This will make courses look much more professional!

Post A Comment