Instale a skill CLI belt:
npx skills add belt-sh/cli
Design de Thumbnails para YouTube
Crie thumbnails de alto CTR para YouTube com geração de imagem por IA via CLI inference.sh.
Início Rápido
Requer a CLI inference.sh (
belt). Instruções de instalação
belt login
# Gere uma thumbnail
belt app run falai/flux-dev-lora --input '{
"prompt": "estilo thumbnail do YouTube, close-up de uma pessoa com expressão surpresa e animada olhando para uma tela de laptop brilhante, esquema de cores azul e laranja vibrante, iluminação dramática de estúdio, profundidade de campo rasa, alto contraste, cinematográfico",
"width": 1280,
"height": 720
}'
Especificações
| Especificação | Valor |
|---|---|
| Dimensões | 1280 x 720 px (mínimo) |
| Recomendado | 1920 x 1080 px |
| Proporção de aspecto | 16:9 |
| Tamanho máximo do arquivo | 2 MB |
| Formatos | JPG, GIF, PNG |
O Teste dos 120px
Sua thumbnail aparece com aproximadamente 120px de largura no celular — é assim que a maioria dos espectadores a vê primeiro.
A 120px, os espectadores devem ser capazes de identificar:
- O humor/emoção (a partir das cores e expressão)
- O assunto geral (a partir da composição)
- O texto (se houver — apenas se for grande o suficiente)
Teste: visualize sua thumbnail com 120px de largura. Se for um borrão confuso, redesenhe.
Zonas Seguras
┌─────────────────────────────────────────────┐
│ │
│ ✅ SEGURO PARA TEXTO E ELEMENTOS-CHAVE │
│ │
│ │
│ │
│ │
│ ┌───┐ │
│ │ ⏱ │ │ ← Sobreposição de carimbo de hora
│ ┌────────┴───┘ │ (canto inferior direito)
│ ┌────┐ │ DURAÇÃO │
│ │ CH │ Marcador de capítulo└──────────────│
└───┴────┴────────────────────────────────────┘
↑ Canto inferior esquerdo: marcadores de capítulo/progresso
Evite colocar elementos críticos em:
- Canto inferior direito (carimbo de hora da duração do vídeo)
- Canto inferior esquerdo (marcadores de capítulo, barra de progresso)
- Bordas extremas (o corte varia por dispositivo)
Estratégia de Cores
Pares de Alto Contraste que Funcionam
| Combinação | Humor | Melhor Para |
|---|---|---|
| Amarelo + Preto | Urgência, atenção | Tecnologia, negócios, listas |
| Vermelho + Branco | Energia, empolgação | Entretenimento, reações |
| Azul + Laranja | Contraste profissional | Educação, tutoriais |
| Verde + Branco | Crescimento, dinheiro | Finanças, histórias de sucesso |
| Roxo + Amarelo | Premium, criativo | Design, arte, criatividade |
| Branco + Escuro | Limpo, minimalista | Canais de luxo, minimalistas |
Regras de Cores
- Fundo e texto/assunto devem ser complementares ou de alto contraste
- Evite cores da mesma temperatura se tocando (vermelho sobre laranja = lama)
- Use no máximo 3 cores por thumbnail
- Sature mais que a vida real — thumbnails competem com interfaces brilhantes
Texto em Thumbnails
Quando Usar Texto
- Listas/números: "7 Dicas", "Top 10"
- Opiniões fortes: "PARE de Fazer Isso"
- Resultados: "R$10K em 30 Dias"
- Comparações: "vs" entre duas coisas
Quando NÃO Usar Texto
- O título do vídeo já diz isso (redundante)
- A emoção/visual conta a história
- Você não consegue torná-lo grande o suficiente para ler a 120px
Regras de Texto
| Regra | Motivo |
|---|---|
| Máximo de 6 palavras | Legibilidade no tamanho da thumbnail |
| Equivalente a mínimo 60pt | Deve ser legível a 120px de largura |
| Fonte sans-serif em negrito | Fontes finas desaparecem em tamanhos pequenos |
| Contorno/sombra de contraste | Garante legibilidade em qualquer fundo |
| Sem texto pequeno | Se não for legível pequeno, corte-o |
Psicologia da Expressão Facial
Thumbnails com rostos obtêm CTR mais alto do que thumbnails sem rosto. A expressão importa:
| Expressão | Impacto no CTR | Melhor Para |
|---|---|---|
| Surpresa/choque | Mais alto | Conteúdo de reação, revelação, descoberta |
| Curiosidade | Alto | Tutorial, como fazer, dicas |
| Empolgação | Alto | Unboxing, avaliações, anúncios |
| Preocupação/apreensão | Médio-alto | Conteúdo de aviso, erro, problema |
| Confiança | Médio | Conselho de especialista, conteúdo de autoridade |
| Neutra | Mais baixo | Evite, a menos que sua marca seja minimalista |
Regras de Composição Facial
- O rosto deve preencher 30-50% da thumbnail
- Olhos olhando para o texto ou assunto (direciona a atenção do espectador)
- Olhos olhando para a câmera = conexão. Olhos olhando para o objeto = curiosidade.
- Coloque o rosto de um lado (geralmente esquerdo), texto ou assunto do outro
# Gere uma thumbnail com rosto voltado para frente
belt app run falai/flux-dev-lora --input '{
"prompt": "close-up retrato de um homem com expressão genuinamente surpresa, boca ligeiramente aberta, sobrancelhas levantadas, olhando para a câmera, lado esquerdo do quadro, fundo teal vibrante, iluminação dramática de borda, estilo thumbnail do YouTube, alto contraste, cinematográfico",
"width": 1280,
"height": 720
}'
# Gere uma thumbnail com rosto olhando para o assunto
belt app run bytedance/seedream-4-5 --input '{
"prompt": "pessoa olhando maravilhada para um gráfico holográfico brilhante mostrando crescimento ascendente, iluminação dramática azul e verde, perfil do lado direito, fundo escuro, estética tecnológica, alta energia",
"size": "2K"
}'
Padrões de Thumbnail por Tipo de Conteúdo
Tutorial / Como Fazer
belt app run falai/flux-dev-lora --input '{
"prompt": "vista aérea de espaço de trabalho organizado com laptop mostrando editor de código, notas adesivas coloridas, xícara de café, fundo limpo e brilhante, configuração profissional, composição estilo tutorial, iluminação quente",
"width": 1280,
"height": 720
}'
Antes/Depois
belt app run falai/flux-dev-lora --input '{
"prompt": "composição dividida, lado esquerdo escuro e bagunçado com mesa desorganizada, lado direito claro e limpo com espaço de trabalho minimalista organizado, contraste dramático entre caos e ordem, linha divisória clara no centro, alto contraste",
"width": 1280,
"height": 720
}'
Avaliação/Comparação de Produto
belt app run falai/flux-dev-lora --input '{
"prompt": "dois produtos frente a frente com iluminação dramática e faíscas entre eles, conceito de batalha de competição, fundo escuro com iluminação colorida de borda, estilo de comparação versus, alta energia, fotografia de produto",
"width": 1280,
"height": 720
}'
Lista / Número
belt app run falai/flux-dev-lora --input '{
"prompt": "arranjo dinâmico de 7 objetos coloridos diferentes flutuando no espaço contra fundo gradiente escuro, cada item distinto e claramente separado, composição energética, cores vibrantes e saturadas, iluminação de estúdio",
"width": 1280,
"height": 720
}'
Teste A/B
Teste uma variável de cada vez:
| Variável | Teste A vs B |
|---|---|
| Rosto vs Sem rosto | Mesma composição, com/sem pessoa |
| Expressão | Surpresa vs curiosidade |
| Esquema de cores | Paleta quente vs fria |
| Texto vs Sem texto | Com/sem sobreposição de texto |
| Fundo | Claro vs escuro |
| Composição | Assunto virado para esquerda vs direita |
# Gere a variante A
belt app run falai/flux-dev-lora --input '{
"prompt": "..., fundo amarelo brilhante, ...",
"width": 1280, "height": 720
}' --no-wait
# Gere a variante B (mesmo prompt, fundo diferente)
belt app run falai/flux-dev-lora --input '{
"prompt": "..., fundo azul marinho escuro, ...",
"width": 1280, "height": 720
}' --no-wait
Lista de Verificação de Thumbnail
- 1280x720 mínimo (1920x1080 preferido)
- Abaixo de 2 MB de tamanho de arquivo
- Passa no teste de 120px (aperte os olhos)
- Nenhum elemento crítico no canto inferior direito (carimbo de hora) ou inferior esquerdo (capítulo)
- Máximo de 3 cores, alto contraste
- Texto (se houver) é no máximo 6 palavras, em negrito, com contorno de contraste
- Expressão facial corresponde à energia do conteúdo (se aplicável)
- Não duplica o título do vídeo
- Se destaca das thumbnails ao redor (verifique seu nicho)
- Funciona tanto em fundos claro quanto escuro do YouTube
Erros Comuns
| Erro | Problema | Correção |
|---|---|---|
| Muito texto | Ilegível no tamanho da thumbnail | Máximo de 6 palavras ou sem texto |
| Baixo contraste | Desaparece no feed | Use cores complementares |
| Composição poluída | O olho não sabe para onde olhar | Um ponto focal |
| Sensação de foto de stock genérica | Sem personalidade, é ignorada | Expressões autênticas, ângulos únicos |
| Detalhes minúsculos | Perdidos a 120px | Formas ousadas e simples |
| Mesmo estilo todo vídeo | Cansaço do espectador | Varie dentro das diretrizes da marca |
| Thumbnail enganosa | Mata a confiança, prejudica a retenção | Combine com o conteúdo real |
Skills Relacionadas
npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@image-upscaling
npx skills add inference-sh/skills@prompt-engineering
Navegue por todos os apps: belt app list