As imagens de banner aparecem em mais lugares do que a maioria das pessoas percebe e cada contexto tem seus próprios requisitos de dimensões. Um banner de header de site não tem o mesmo tamanho que uma imagem de capa do Twitter, que não é o mesmo que um banner do LinkedIn ou uma imagem de arte de canal do YouTube. Usar o tamanho errado significa que o banner é cortado em um lugar inesperado, deixa espaço em branco nas laterais ou é esticado para preencher um contêiner para o qual não foi construído. Preparar o banner na dimensão exata que a plataforma ou layout espera é o passo que o faz parecer que pertence ali em vez de ser adaptado de outra coisa.
Como redimensionar uma imagem para um banner
Insira as dimensões de largura e altura para o contexto específico do banner nos campos correspondentes. As dimensões dos banners variam significativamente por plataforma e caso de uso. Para headers de sites, a largura geralmente corresponde à largura do layout do site e a altura depende do tema. Para imagens de capa de redes sociais, cada plataforma tem suas próprias dimensões especificadas. Se o original já estiver próximo da proporção alvo, deixe a caixa de seleção Manter Proporção de Aspecto ativada para escalar de forma limpa. Se tiver uma forma diferente, desative para forçar as dimensões exatas.
Faça upload de vários tamanhos de banner para diferentes plataformas de uma vez e baixe tudo como ZIP quando terminar.
Referência de Tamanhos Comuns de Banner
Header do Twitter: 1500x500 pixels. Capa pessoal do LinkedIn: 1584x396 pixels. Capa de empresa do LinkedIn: 1128x191 pixels. Arte de canal do YouTube: 2560x1440 pixels. Capa do Facebook: 820x312 pixels no desktop. Banner hero do site: 1920x600 pixels é um ponto de partida comum embora varie por tema. Banner de header de email: 600x200 pixels é uma largura comum de templates de email. Banner de anúncio leaderboard: 728x90 pixels. Meia página: 300x600 pixels.
Formato de Saída para Imagens de Banner
JPEG é a escolha padrão para conteúdo fotográfico de banner. Mantém tamanhos de arquivo gerenciáveis para carregamento rápido em headers de sites, campanhas de email e carregamentos de perfis de redes sociais. PNG é melhor para banners com sobreposições de texto, logos de marca, fundos de cor plana e elementos de design gráfico onde a renderização de bordas limpas importa na largura total do banner. WEBP vale a pena usar para banners de header de sites onde a velocidade de carregamento de imagem tem impacto direto nos scores de performance da página.