Recortar imagem para banner de site e YouTube — proporção correta
Banners de sites, thumbnails do YouTube e imagens de cabeçalho de blogs exigem proporções específicas para ficarem com aparência profissional. Uma imagem com a proporção errada ou com cortes automáticos inesperados pode arruinar a aparência de um site inteiro. Recortar a imagem com a proporção correta antes de publicar é a melhor forma de garantir controle total sobre o que aparece para o visitante. O Recortador de Imagem da WikiPlus oferece recorte preciso com proporções predefinidas para os usos mais comuns.
Proporções essenciais para banners e cabeçalhos digitais
Cada tipo de conteúdo digital tem uma proporção de aspecto ideal. Banners de site em largura total (hero images): 16:9 (1920×1080 px) ou 21:9 (2560×1080 px) para banners ultrawide. Thumbnails de YouTube: 16:9, mínimo 1280×720 px, recomendado 1920×1080 px. Imagens de cabeçalho de blog (WordPress, Ghost, Medium): geralmente 16:9 ou 3:2. Banners de e-mail marketing: largura fixa de 600 px, altura variável (proporção livre). Capa do Facebook: 820×312 px (aproximadamente 16:6). Capa do LinkedIn pessoal: 1584×396 px (aproximadamente 4:1). Capa do canal YouTube: 2560×1440 px (16:9). Para cada um desses formatos, recortar a imagem na proporção correta antes de redimensionar para as dimensões finais garante que nenhum elemento importante seja cortado automaticamente pela plataforma.
Como recortar para 16:9 sem perder o sujeito principal
O formato 16:9 (widescreen) é o mais usado na web moderna, mas apresenta um desafio: ele é muito mais largo do que alto, o que significa que imagens com sujeitos verticais (pessoas em pé, retratos, edifícios altos) perdem muito conteúdo. Para recortar efetivamente em 16:9, identifique o elemento mais importante da imagem — o sujeito principal — e posicione-o no centro horizontal do recorte. Se o sujeito for uma pessoa, posicione o rosto na metade superior do quadro. Se for um produto, centralize-o. Use o espaço horizontal restante para incluir o contexto (ambiente, fundo, elementos secundários) que enriquece a narrativa visual. Para imagens de paisagem, 16:9 é quase perfeito — aproveite o espaço horizontal para incluir o máximo de cenário possível. Para retratos e fotos de pessoas, considere usar 4:5 ou 1:1 em vez de 16:9 para evitar cortar partes importantes.
Thumbnails do YouTube: o recorte que vende o vídeo
O thumbnail do YouTube é a primeira coisa que os espectadores veem antes de decidir assistir a um vídeo. Um thumbnail eficaz combina boa composição visual com clareza da proposta do conteúdo. Para thumbnails, use sempre o formato 16:9 (1920×1080 px ideal). Posicione o rosto do apresentador ou o elemento principal no lado esquerdo ou centro do quadro, deixando o lado direito para texto ou elementos gráficos adicionados posteriormente. Certifique-se de que o rosto está grande o suficiente para ser reconhecível mesmo quando o thumbnail é exibido em tamanho pequeno (nas sugestões do YouTube, o thumbnail tem apenas ~120 px de largura). Evite composições muito complexas — thumbnails com um sujeito principal claro e expressão emocional visível têm taxas de clique (CTR) significativamente maiores do que thumbnails com muitos elementos competindo pela atenção.
Área segura para banners: o que nunca deve ser cortado
Banners de site em largura total têm um conceito importante: a área segura (safe zone). Diferentes monitores têm diferentes resoluções e proporções — um banner exibido em 1920×600 px em monitor widescreen pode aparecer como 1366×427 px em um notebook, ou como 375×234 px em um smartphone. Textos, logotipos e elementos críticos devem estar dentro da área central da imagem, que é a única parte garantidamente visível em todos os dispositivos. Como regra geral, mantenha elementos importantes dentro dos 60% centrais da largura e dos 70% centrais da altura do banner. Use o Recortador de Imagem para ajustar a composição considerando essas margens de segurança. Para sites responsivos onde o banner é cortado dinamicamente em mobile, teste sempre em resolução de smartphone após o recorte para verificar que os elementos críticos permanecem visíveis.
Perguntas frequentes
- Qual proporção usar para imagem de cabeçalho de blog?
- Para blogs em WordPress ou Ghost, 16:9 (1200×675 px) ou 3:2 (1200×800 px) são as proporções mais comuns e seguras. O tamanho exato depende do tema usado — verifique a documentação do tema para as dimensões recomendadas de imagem destacada.
- Como recortar uma imagem para 16:9 se ela é vertical?
- Selecione a proporção 16:9 no Recortador de Imagem e posicione a área de seleção sobre a parte mais interessante da imagem vertical. Você perderá partes do topo e/ou base, então certifique-se de que o elemento principal (rosto, produto) está dentro da área selecionada.
- Qual a diferença entre thumbnail e imagem destacada no WordPress?
- Imagem destacada (featured image) é a imagem principal do post, exibida no cabeçalho do artigo. Thumbnail é uma versão menor gerada automaticamente pelo WordPress para listas de posts e grades. Ambas derivam da mesma imagem original — por isso, recortar bem na proporção correta desde o início garante boa aparência em ambas as versões.