# Tamanho do banner do Reddit: banners de comunidade a 1920 x 384

[Canonical HTML page](https://gradiently.design/pt-pt/guide/reddit-banner-size)

O banner de um subreddit é uma faixa longa e fina que é cortada de forma diferente em cada ecrã. Desenha-o como uma textura com uma ideia no meio e ficará bem onde quer que os membros te encontrem.

## The short version

- 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.

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

| Imagem | Tamanho | Proporção |
| --- | --- | --- |
| Banner da comunidade | 1920×384 px | 5:1 |
| Imagem de publicação | 1080×1080 px | 1:1 |
| Imagem de publicação (vertical) | 1080×1350 px | 4:5 |

O banner define-se nas Ferramentas de moderação, em aspeto da comunidade. As imagens de publicação podem ter outras formas, mas estas mostram-se limpas nos feeds.

- Banner do Reddit 5:1: 1920 × 384
- Banner do LinkedIn 4:1: 1584 × 396
- Cabeçalho do X 3:1: 1500 × 500

O banner do Reddit ao lado de outros dois cabeçalhos, desenhados com a mesma largura. A 5:1 é o mais fino, por isso há muito pouca altura para trabalhar.

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](https://gradiently.design/pt-pt/guide/gradient-banding).

## 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.

| Zona | Intervalo horizontal (px) | O que lá pôr |
| --- | --- | --- |
| Borda esquerda | 0 a 480 | Só fundo: cortada nos telemóveis, perto do ícone |
| Centro | 480 a 1440 | Nome, slogan, imagem principal |
| Borda direita | 1440 a 1920 | Só fundo: cortada nos telemóveis |

Um mapa de trabalho para um banner que serve computador e telemóvel. Verifica o teu subreddit nos dois depois de carregar, porque os layouts do Reddit mudam.

Banner de comunidade do Reddit de 1920 por 384 com r/BalconyGardens e um slogan centrados sobre um degradé suave

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.

- Floresta, centro iluminado: `linear-gradient(90deg, #052e16 0%, #166534 50%, #052e16 100%)`
- Violeta, centro iluminado: `linear-gradient(90deg, #1e1b4b 0%, #6d28d9 50%, #1e1b4b 100%)`
- Alperce, centro quente: `linear-gradient(90deg, #fff7ed 0%, #fed7aa 50%, #fff7ed 100%)`
- Mar profundo, centro iluminado: `linear-gradient(90deg, #0f172a 0%, #0e7490 50%, #0f172a 100%)`

Fundos de banner simétricos e mais claros no meio, para que, seja qual for o corte do Reddit, o coração da faixa fique.

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](https://gradiently.design/pt-pt/guide/banner-design) 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](https://gradiently.design/pt-pt/guide/dark-mode-design) 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.

Imagem quadrada de publicação do Reddit a anunciar uma troca de sementes de primavera para uma comunidade de jardinagem

Uma imagem de anúncio quadrada para uma publicação fixada de moderação.

Imagem vertical do Reddit a listar as regras da comunidade nas cores do subreddit

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](https://gradiently.design/pt-pt/guide/brand-consistency-across-platforms) e [tamanhos de imagem para redes sociais](https://gradiently.design/pt-pt/guide/social-media-image-sizes).

## FAQ

### 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.