Skip to main content
All CollectionsContent WritingStarting the Step Creation Process
Choosing and Adding Images to Represent Content
Choosing and Adding Images to Represent Content

Best practices to choose and add great images for Courses, Contests, Skill Badges, and Certification Badges

Ania Kwak avatar
Written by Ania Kwak
Updated over 3 years ago

As you create your Skills, Courses, and Contests, you'll come across a selectable icon that looks like this:

Image Upload Icon

When you find one of these, it means you can attach an image of your choice to the Skill, Course, or Contest that you're working on.

Why Attach an Image?

Sure, learners can figure out what something's all about by reading its text, but having a nice picture along with it makes it look more interesting and enticing.

Two Courses, One with Course Image and One Without

It also helps learners easily find, identify, and differentiate between Courses, Contests, and Skill Levels.

Choosing a Course/Contest Image

When selecting an image, make sure it matches the topic.

Using Gardening as an example...

Good image options:

  • plants in pots

  • close-up of gardening tools

  • person in garden wearing gardening gloves

See how they all relate to Gardening? That's your goal!

Bad image options:

  • a beach

  • traffic lights

  • a group of cats

None of these have anything to do with Gardening - using them will only confuse your learners!

Choosing Skill Badge Images

A learner's sense of accomplishment increases tenfold when a picture of a trophy or some other fun image appears the moment they Level Up their Skill!

Some great ideas for badge images are:

  • thematic ones, like flowers for Gardening

  • trophies or medals of different colours and rankings

  • pairing Levels with images that represent the learner's growth (ie: Lv. 1 = seed; Lv. 2 = sprout; Lv. 3 = budding plant; Lv. 4 = flower)

Image Size Recommendation

Choose an image that uses a 4:3 display ratio to have it fit right in. They should be in landscape orientation (wider than it is tall), in sizes like:

  • 4" wide = 3" high

  • 2" wide = 1.5" high

Images with different dimensions will work too, they'll just have some extra "padding" added to them so they'll fit properly.

Expert tip: images in portrait orientation (taller than it is wide) won't upload clearly; crop them into landscape orientation before you upload to avoid this!

How to Add an Image

Images can only be added within the Skill or Course creation pages.

Once you're asked for an image, either:

  • find the "add picture" cloud icon, and

  • click on the icon

-or-

  • drag your image from its file folder onto the icon

That's it!

Did this answer your question?