This guide explains how to set up an animated thumbnail using the first 5 seconds of your initial video block. The thumbnail will be cropped into a circular button, ensuring optimal visibility and appeal.

Frame your first video for the safe zone
- The thumbnail uses a 5-second animation from the start of your first video.
- Center your face or main subject within the safe zone (leave a 10–15% margin from the edges) to prevent unwanted cropping on various devices.
Position for a 1:1 thumbnail area
- The thumbnail is created from a square (1:1) region (1080×1080 pixels) at the top of your video.
- Center your subject clearly within this top square throughout the first 5 seconds.
- Avoid placing critical elements near the edges of the square to prevent cropping.
Plan for the circular thumbnail crop
- The final thumbnail appears as a circular button, cropped from the 1:1 square.
- Keep your subject centrally positioned to avoid cropping important details.
- Use a clean, simple background to highlight your main subject clearly.
Preview and export the animation
- Select an engaging 5-second segment from the top part of your first video.
- Ensure your subject appears appealing and clearly centered within the square.
- If needed, adjust the positioning and re-upload until the thumbnail looks ideal.
Enhance engagement
- Select a dynamic clip featuring movement or compelling facial expressions to attract attention.
- Ensure good lighting to enhance visibility and viewer interest.
Done!
Your animated widget thumbnail is ready! It will display effectively and capture your audience’s attention.