Images

In the Builder, you can insert images in the assignments and sessions. Using well-placed images in your program can enhance the content and the user experience.

Content in this article:

• How to insert an image
• Alignment
• Change Image Size
• Optimizing images for Promote

How to insert an image

Everywhere you can find the editor toolbar in the Builder in Promote - you can add an image via the image button. 

1. Go to the Builder and create an assignment or a session
    
2. Place the cursor where you want the image to appear
   
    
3. Click on the image button in the toolbar
   
   
   
4. Done!
   
    

Alignment

1. Click on the image you want to align
    
2. Then select the alignment icon in the editor and choose left, centered or right alignment
   

Change Image Size

1. Click on the image
2. Choose Original, Thumb, Small, Medium or Large
   
    

Optimizing images for Promote

• Before uploading any image in Promote, we recommend optimising it for the web. Make sure the image is not too heavy/big, 0-500 kb is recommended.
  
  

• The maximum width of an image in Promote is 920 pixels. If your image is wider than that - Promote will scale it down to 920 pixels.
  
  

• Avoid pixelated and low-quality images.
  
  
• Do not use too high images so your users need to scroll to get to the text content or task.
  
  
• Do not drag and drop an image from your desktop to the editor in Promote, always use the image button in the toolbar.