Skip to main content
All CollectionsCreateCreate features
Uploading images, GIFs and videos
Uploading images, GIFs and videos
Bianca Wetter avatar
Written by Bianca Wetter
Updated over a week ago

In this article, we will have a quick look at the recommended minimum resolutions and the supported formats you should consider when uploading images and videos. We will also explore features related to images and videos, providing you with the necessary information to make the most out of your content on Sana.

Images

Supported formats

JPEG, PNG or GIFs

Title card background image recommendation:

Minimum pixel count: 1920x1080 px

Image & text card image recommendation:

Minimum pixel count: 960×1080 px

Flip Cards image recommendation:
The default size is: 349x456 px

However, note that the size will grow if there is a lot of text in the flip cards.

Polls image recommendation:

  • For polls with 3 or fewer alternatives:
    The poll alternatives are evenly distributed over the screen, therefore the width depends on the number of poll alternatives you have and the screen size.
    The height is set to 350 px by default but it will also grow if there is a lot of text.

  • For polls with more than 3 alternatives:
    The default size is: 40x40 px.
    The graphics will be displayed inline in the beginning

Page and other cards that support image block recommendation:

As image blocks on page cards can have varying sizes the below is only recommended if you’re wanting to upload a full-width image.

Minimum pixel count: is 1280×720 pixels

💡 Due to variable screen sizes and aspect ratios, image sizes will vary for different users. It is recommended that important information on an image is centered with a suitable trim line. *This is not necessary if uploading images on a page card

Customization

For images in Page cards, you can zoom in and out, move the image around within its container, and add background if image is zoomed out from its container.

Through the menu, you can:

  • Change the image format

  • Zoom in/out

  • Add alternative text, image credit and hotspots

  • Select background*

*Background options will appear only if the image is zoomed out from its container

See below how it works in action:

💡 Pro tip! Use these features after adding the picture to a column - and see what amazing designs you can create.

Want to adjust the cropping of an image? In the Title card, Image card, and Image + Text card, you can fine-tune the cropping settings by selecting either "Cover" or "Contain". Choosing "Cover" will zoom in on the picture to fill the card's frame, while "Contain" will display the entire picture within the frame.

Image Hotspots

Consider using image hotspots to transform static images into interactive learning tools. Image hotspots are effective for drawing learners' attention to specific content, whether it's explaining complex diagrams or highlighting key details.

How to create an image Hotspot in the course editor:

  1. Add the 'Page' card.

  2. Upload the image that you want to add a hotspot to.

  3. Click on the uploaded image. A toolbar with several image editing options will appear above the image.

  4. Select the 'Create hotspot' option (represented in the three dots dropdown).

5. A plus (+) symbol will appear. Drag and place it on the desired spot that you want to highlight on the image. A pop-up textbox will appear where you can edit the text.

Videos

Supported formats

MP4 (up to 8GB)

Video card

Minimum recommended video size: 720p*

Other cards that support video upload blocks:

Minimum recommended video size: 720p

Video subtitles

With video subtitles, learners are able to use subtitles and translations in their preferred language while watching the video. You can choose to have subtitles enabled or disabled for each video you upload.

Supported formats:

MP4 (up to 500mb, up to 135 minutes)

What does this mean?

  • We will automatically create subtitles for videos:
    Making it accessible to all learners, regardless of their language or auditory capabilities.

  • We automatically translate the subtitles into all languages configured in your organization:

    Helping to reach a global audience and break down language barriers

  • We leverage the multilingual transcriptions for better smart features:
    E.g. the Q&A card and question generation tools utilize these transcriptions to provide more effective Q&A sessions and generate more engaging questions.

How does it work?

  1. When you upload a video, you will see a transcription loading indicator in the top left corner

  2. After the video is processed and the course is published, learners will be able to choose preferred captions from the organization configured languages through the cc button in the bottom right menu.

💡 Keep in mind, the processing and translating can take a few minutes depending on the size and duration of the video

Generating avatars for video content

Avatars allow you to create engaging video content directly in your course without the need for pre-recorded videos. They can deliver either your written scripts or AI-generated scripts based on course content, offering a flexible and efficient way to enhance learning materials. Avatars make content more interactive and visually dynamic, providing context and simplifying complex topics. They introduce a human-like presence that makes courses more relatable and engaging.

💡 This is available in both live and self-paced learning scenarios, making it suitable for various training needs.

How it works

In the video card and video block (in Page cards), you can generate a video with an avatar.


To generate a video in a video card and/or video block

  1. Open the course editor
    Go to the course editor and click on 'Add card' to select either a Video card or a Page card.

    1. If video card: Click on the “Generate video” button. A 'Generate video' window will open, allowing you to customize your video content.

    2. If page card: Press the forward slash ("/") on your keyboard, select the ‘Video’ option from the menu, and click to add the video block to the card.

  2. Select your avatar
    Choose one of the available avatars to deliver your video content. These avatars will speak the script you provide or generate.

  3. Add or generate a script
    You can choose to write your own script in the text box, or click the option to generate a script using the course content.

    1. In video card: the script generation is based on text in all previous cards.

    2. In video block: the script generation is based on the text in the current card

  4. Generate the video
    After selecting or writing your script, click on the ‘Generate’ button. The video will be created, which may take a few moments.

  5. Review the video
    Once the video is generated, click ‘play’ to preview it. If you want to make changes, you can adjust the script and regenerate the video as needed.


FAQ

I can't add subtitles to my video?

  1. Make sure the video is uploaded in the supported format.

  2. Videos are processed when uploaded, so if you want to generate subtitles for a video you already have uploaded previously without transcriptions you need to re-upload it.

Does AI video generation use the same quota as AI narration?

Yes, AI video generation and AI narration share the same quota.

Did this answer your question?