Skip to main content

Video Thumbnails

Enhance your video's appeal with custom thumbnails that drive engagement and increase click-through rates

Updated over a week ago

Thumbnails are the preview images that represent your videos in your Catalog. They're the first thing your audience sees before deciding to watch your content, making them crucial for engagement.

๐Ÿ’ก TIP: Effective thumbnails can significantly increase your video's click-through rate and overall viewer interest.


Adding Horizontal Thumbnails

  1. Navigate to Content > Videos

  2. Click on the video you want to add a thumbnail for

  3. Scroll down to the Thumbnails section

  4. Hover your mouse over the current thumbnail

  5. Click to upload your own

    • Recommended proportion: 1480 x 840 px

  6. Click Save Changes

๐Ÿ“ NOTE: All thumbnail images are limited to a file size of 100 MB. If your image is larger, optimize and compress it before uploading.


Adding Vertical Thumbnails

Vertical thumbnails provide a movie poster-like appearance for your videos, creating a more engaging catalog experience similar to popular streaming services.

  1. Navigate to Content > Videos

  2. Click on the video you want to add a thumbnail for

  3. Scroll down to the Thumbnails section

  4. Hover your mouse over the current thumbnail

  5. Click to upload your own

    • Recommended proportion: 1188 x 1682 px

  6. Click Save Changes

๐Ÿ“ NOTE: The vertical thumbnail feature is available in the New Website Editor and mobile apps version 3.20 or later.

๐Ÿ”— Learn more about the New Website Editor

Setting Up Vertical Thumbnails

To display vertical thumbnails in your catalog:

  1. Navigate to Website

  2. Go to the Catalog tab

  3. Select which categories will use vertical thumbnails

  4. Click Save & Apply


Thumbnail Display in the Catalog

Horizontal Thumbnails

Horizontal thumbnails display in a standard grid layout across your catalog, showing more videos per row.
โ€‹


Vertical Thumbnails

Vertical thumbnails create a movie poster-like appearance, similar to popular streaming services.

๐Ÿ“ NOTE: While thumbnails can be vertical, videos still play in landscape orientation as Uscreen doesn't currently support vertical video playback.


Best Practices for Effective Thumbnails

  • Use High-Quality Images: Clear, high-resolution images make your content look professional

  • Include Recognizable Elements: Feature instructors, key moments, or clear text that indicates what the video contains

  • Maintain Consistent Branding: Use similar styles across your thumbnails for a cohesive look

  • Consider Contrast: Ensure text is readable against your background

  • Test Different Approaches: Try various designs to see what resonates with your audience


FAQs

Why isn't my new thumbnail showing up?

Due to CDN caching, new thumbnails may take a few minutes to appear. Try clearing your browser cache or waiting a few minutes. ๐Ÿ”— Learn more about CDN Caching

Can I remove a thumbnail without replacing it?

Currently, you can't remove a thumbnail without replacing it with a different image. If you want to revert to the system-generated thumbnail, you would need to delete and re-upload your video. Instead of removing a thumbnail, a workaround is to replace it with a placeholder image.

What file formats are supported for thumbnails?

Ideally, we recommend uploading PNG or JPEG images for best results.

Do vertical thumbnails work on mobile and TV apps?

Yes, vertical thumbnails are supported on mobile apps (version 3.20+) and the latest versions of tvOS, Roku, FireTV, Android TV, and Samsung TV apps.

Did this answer your question?