Advice and answers from the Tribal Habits Team

How do I upload or import images to a topic or article?

You can add images to any topic or article - upload your own images or select from our image library, as well as edit images online.
Written by Rolf Lawrenz
Updated 1 month ago

In the +Content box in any topic or article you will see an IMAGE element. When you add an image element you will be prompted to select an image to upload from your computer or to import an image in our image library.

Uploading your own images 

If you upload an image, we recommend keeping the file size as small as possible. Each image should be around 50-100kb (and no larger than 5mb).  

Images are automatically resized to fit, but you can instantly see how your images look onscreen to confirm its size. We support PNGs with transparent backgrounds and animated GIF files, as well as standard JPGs.

After you upload your image, you can also add:

  • Caption. Your caption can appear above, below, left or right of the image. There are options for captions left and right based on a 75/25 and 50/50 image/caption split. The 50/50 split suits smaller images or longer captions.
  • Descriptive text. You can describe the image for visually-impaired explorers who will be able to hear the description with their screen reader.

You can create images with labelled markers using the Hotspot element too.

Importing from our image library

Alternatively, you can select our image library and then search for suitable images. There are almost 2,000,000 different images in our library. Just enter a search term, review the options and then import your image.

Editing your images

Whether you upload your own image or import an image from our library, you can edit your image online too. Click here to learn more about our image editor (to crop, annotate or filter your images).

Tips on using images

Images should be used to explain or demonstrate knowledge but can also just be used to add something interesting or colourful to your topic. 

Instead, try to use images to...

  • Provide a flowchart or visual representation of your knowledge.
  • Present a table.
  • Display a picture of a tool.
  • Provide examples or variations.
  • Show a graphical representation of your knowledge.
  • Break up points with lots of text.

If you use images as a way to break up points, we often recommend trying the 'Header' option in the Image Editor. Select your image and open the image editor. From the Crop menu, select the Aspect Ratio tab and the 'Header' option. This crop ratio is very suitable for header images.

Did this answer your question?