A versão curta
- O tamanho do banner do Reddit para uma comunidade é 1920×384 píxeis, uma faixa 5:1 no topo do subreddit.
- O Reddit corta o banner de forma diferente no computador e na aplicação móvel, por isso as bordas esquerda e direita podem desaparecer nos telemóveis.
- O ícone da comunidade fica perto do canto inferior esquerdo do banner em muitos layouts, por isso esse canto deve ter apenas fundo.
- Os melhores banners de subreddit são sobretudo textura ou cor, com as palavras ou a imagem principal mantidas ao centro.
- Para imagens nas publicações do Reddit, o quadrado de 1080×1080 é um tamanho fiável que se vê bem nos feeds de computador e telemóvel.
Nesta página
O tamanho do banner do Reddit para uma comunidade é 1920×384 píxeis, uma faixa 5:1 que atravessa o topo do teu subreddit. Nos telemóveis o Reddit mostra um recorte mais curto e estreito, e o ícone da comunidade fica por cima ou logo abaixo do canto inferior esquerdo em muitos layouts. Por isso trata o banner como uma faixa de cor ou textura, mantém palavras ou imagem principal no terço central e deixa as bordas e o canto inferior esquerdo como fundo.
Dimensões do banner de comunidade do Reddit
Tamanho
Proporção
Tamanho
Proporção
Tamanho
Proporção
Banner do Reddit 5:1
1920 × 384
Banner do LinkedIn 4:1
1584 × 396
Cabeçalho do X 3:1
1500 × 500
Carrega um PNG para cor lisa, ilustração ou texto, e um JPEG de alta qualidade para fotografias. Faz-o com exatamente 1920×384 para o Reddit não o esticar, e lembra-te de que uma faixa fina num monitor grande amplia qualquer faixa num gradiente. Um toque de grão evita isso, como explicam as faixas em gradientes.
Como o banner do Reddit é cortado no telemóvel
Num navegador de computador o banner mostra-se largo. Na aplicação do Reddit num telemóvel, a mesma imagem aparece com outra proporção, o que costuma significar que os lados esquerdo e direito são cortados e a faixa pode ser redimensionada. Consoante a versão atual das Ferramentas de moderação, o Reddit pode também deixar-te carregar um banner móvel separado. Se só carregares um, desenha-o para sobreviver ao corte móvel.
Intervalo horizontal (px)
O que lá pôr
O que lá pôr
Intervalo horizontal (px)
O que lá pôr
Nome e slogan no terço central, com o fundo a levar o resto da faixa.
Ideias para banners de subreddit
As comunidades são julgadas pelos seus membros, não pelos banners, mas um banner cuidado sinaliza que o lugar é tratado com atenção. Isso conta quando alguém chega por uma pesquisa e decide se entra. Também ajuda os habituais a identificar a comunidade de relance num feed cheio. A maioria dos bons banners cai numa destas categorias:
- Pura textura. Um degradé, padrão ou material nas cores da comunidade. Nunca luta com o nome e nunca fica datado.
- Um recorte largo do tema. Uma silhueta urbana para um sub de uma cidade, um chão de floresta para um sub de recolha de cogumelos, um grande plano de teclado para um sub de teclados mecânicos, ao centro.
- Nome e slogan. Só se o slogan acrescentar algo, como o propósito da comunidade ou uma regra de ouro.
- Versões sazonais. Uma cor diferente para um evento anual ou desafio, trocada de volta depois.
Um banner simétrico é um truque simples para um corte imprevisível. Quando a cor é mais escura nas duas bordas e iluminada no meio, qualquer corte de um dos lados deixa na mesma uma faixa equilibrada. A mesma lógica de manter o essencial ao centro está por trás do design de banners em geral.
Evita
- Texto em toda a largura
- Um logótipo no canto inferior esquerdo, sob o ícone
- Uma fotografia vertical espremida numa faixa
- Detalhe fino que vira ruído quando redimensionado
- Palavras que repetem o nome do subreddit ao lado dele
Faz
- Palavras, se as houver, no terço central
- Bordas como fundo calmo
- Um recorte largo escolhido para a faixa
- Formas ousadas e cor suave
- Um slogan que acrescenta significado
Verifica também o banner nos dois temas do Reddit. Muitos membros navegam em modo escuro, em que a página à volta da tua faixa fica quase preta, e outros em modo claro, em que é branca. Um banner com uma borda branca dura pode parecer um retângulo colado numa página escura, e um banner muito escuro pode parecer pesado numa clara. Tons médios, ou bordas que esbatem para um neutro, assentam bem nos dois. O design para modo escuro trata do princípio mais amplo.
Tamanho das imagens de publicações do Reddit
Para imagens em publicações, um quadrado de 1080×1080 é a escolha fiável: mostra-se por inteiro na vista de cartão no computador e no feed móvel. As imagens verticais a 1080×1350 ocupam mais ecrã do telemóvel. As imagens muito altas são encurtadas no feed até serem abertas, e as muito largas tornam-se uma faixa fina. O Reddit é texto primeiro, por isso põe as palavras que importam no título da publicação; a imagem deve mostrar, não repetir.
Uma imagem de anúncio quadrada para uma publicação fixada de moderação.
Um cartão vertical de regras com o mesmo visual do banner.
Os anúncios de moderação, os cartões de regras e as publicações de eventos parecem mais oficiais quando partilham as cores do banner. No Gradiently podes desenhar o banner de 1920×384 e as publicações de 1080×1080 a partir de um só Mark, para o subreddit ter um visual consistente; no Pro, redimensionar um design para todos os tamanhos custa um passo, e cada tamanho é desenhado para a sua própria forma em vez de recortado. Para mais sobre manter um visual entre sítios, vê marca consistente nas redes sociais e tamanhos de imagem para redes sociais.
Perguntas frequentes
Que tamanho tem o banner de uma comunidade do Reddit?
1920×384 píxeis, uma faixa 5:1.
Porque é que o banner do meu subreddit aparece cortado no telemóvel?
A aplicação do Reddit mostra o banner com uma proporção diferente da do computador, o que costuma cortar os lados. Mantém palavras e imagens principais no terço central.
Que tamanho devem ter as imagens nas publicações do Reddit?
O quadrado de 1080×1080 mostra-se de forma fiável no computador e no telemóvel. O vertical de 1080×1350 também funciona e ocupa mais ecrã do telemóvel.
Onde mudo o banner de um subreddit?
Nas Ferramentas de moderação, nas definições de aspeto da comunidade. Tens de ser moderador com permissão para editar o aspeto da comunidade.
Escrito pela Gradiently
A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.
Ver o nosso perfil