# Storlek på Reddit-banner: communitybanners i 1920 x 384

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

En subreddit-banner är en lång, smal remsa som beskärs olika på varje skärm. Formge den som en textur med en idé i mitten, så ser den rätt ut var medlemmarna än hittar dig.

## The short version

- Storleken på en Reddit-banner för ett community är 1920×384 pixlar, en remsa i 5:1 över toppen av subredditen.
- Reddit beskär bannern olika på dator och i mobilappen, så vänster och höger kant kan försvinna på telefoner.
- Communityikonen sitter nära bannerns nedre vänstra del i många layouter, så det hörnet bör bara innehålla bakgrund.
- De bästa subreddit-bannerna är mest textur eller färg, med eventuella ord eller nyckelbild hållna i mitten.
- För bilder i Reddit-inlägg är en kvadrat på 1080×1080 en pålitlig storlek som visas bra i flöden på både dator och mobil.

**Storleken på en Reddit-banner** för ett community är 1920×384 pixlar, en remsa i 5:1 som löper över toppen av din subreddit. På telefoner visar Reddit en kortare, smalare beskärning av den, och communityikonen sitter över eller strax under det nedre vänstra hörnet i många layouter. Behandla därför bannern som ett band av färg eller textur, håll eventuella ord eller en nyckelbild i den mittersta tredjedelen och lämna kanterna och det nedre vänstra hörnet som bakgrund.

## Mått för Reddits communitybanner

| Bild | Storlek | Förhållande |
| --- | --- | --- |
| Communitybanner | 1920×384 px | 5:1 |
| Inläggsbild | 1080×1080 px | 1:1 |
| Inläggsbild (stående) | 1080×1350 px | 4:5 |

Bannern ställs in i Mod Tools under communityns utseende. Inläggsbilder kan ha andra former, men de här visas rent i flöden.

- Reddit-banner 5:1: 1920 × 384
- LinkedIn-banner 4:1: 1584 × 396
- X-header 3:1: 1500 × 500

Reddits banner bredvid två andra headers, ritade i samma bredd. Med 5:1 är den den smalaste, så det finns mycket lite höjd att arbeta med.

Ladda upp en PNG för enfärgat, illustration eller text, och en högkvalitativ JPEG för fotografier. Gör den i exakt 1920×384 så att Reddit inte sträcker den, och kom ihåg att en smal remsa som visas på en stor skärm förstorar all banding i en gradient. En aning korn förhindrar det, som [banding i gradienter](https://gradiently.design/sv/guide/gradient-banding) förklarar.

## Så beskärs Reddit-bannern på mobil

I en webbläsare på dator visas bannern bred. I Reddit-appen på en telefon visas samma bild i en annan proportion, vilket oftast betyder att vänster och höger sida trimmas och att remsan kan skalas. Beroende på den aktuella versionen av Mod Tools kan Reddit också låta dig ladda upp en separat mobilbanner. Om du bara laddar upp en, formge den så att den överlever mobilbeskärningen.

| Område | Horisontellt intervall (px) | Vad som ska stå där |
| --- | --- | --- |
| Vänster kant | 0 till 480 | Bara bakgrund: trimmas på telefoner, nära ikonen |
| Mitten | 480 till 1440 | Namn, slogan, nyckelbild |
| Höger kant | 1440 till 1920 | Bara bakgrund: trimmas på telefoner |

En arbetskarta för en banner som fungerar på både dator och mobil. Kontrollera din subreddit på båda efter uppladdningen, eftersom Reddits layouter ändras.

En Reddit-communitybanner i 1920 gånger 384 med r/BalconyGardens och en slogan centrerade på en mjuk gradient

Namn och slogan i den mittersta tredjedelen, med bakgrunden som bär resten av remsan.

## Idéer till subreddit-banners

Communityn bedöms efter sina medlemmar, inte sina banners, men en genomtänkt banner signalerar att platsen sköts om. Det spelar roll när någon landar från sökning och avgör om hen ska gå med. Det hjälper också stamgäster att känna igen communityn med en blick i ett fullt flöde. De flesta bra banners hamnar i någon av dessa:

- **Ren textur.** En gradient, ett mönster eller ett material i communityns färger. Det kämpar aldrig mot namnet och blir aldrig daterat.
- **En bred beskärning av ämnet.** En skyline för en stadssubreddit, en skogsbotten för en svampplockarsubreddit, en närbild på ett tangentbord för en subreddit om mekaniska tangentbord, centrerad.
- **Namn och slogan.** Bara om slogan tillför något, som communityns syfte eller tumregel.
- **Säsongsversioner.** En annan färg för ett årligt evenemang eller en utmaning, som byts tillbaka efteråt.

- Skog, upplyst mitt: `linear-gradient(90deg, #052e16 0%, #166534 50%, #052e16 100%)`
- Violett, upplyst mitt: `linear-gradient(90deg, #1e1b4b 0%, #6d28d9 50%, #1e1b4b 100%)`
- Aprikos, varm mitt: `linear-gradient(90deg, #fff7ed 0%, #fed7aa 50%, #fff7ed 100%)`
- Djuphav, upplyst mitt: `linear-gradient(90deg, #0f172a 0%, #0e7490 50%, #0f172a 100%)`

Bannergrunder som är symmetriska och ljusast i mitten, så att remsans hjärta finns kvar vilken beskärning Reddit än tillämpar.

En symmetrisk banner är ett enkelt knep mot en oförutsägbar beskärning. När färgen är mörkast vid båda kanterna och upplyst i mitten lämnar all trimning från någon sida fortfarande en balanserad remsa. Samma logik att hålla det viktiga centrerat ligger bakom [bannerdesign](https://gradiently.design/sv/guide/banner-design) i allmänhet.

### Undvik

- Text över hela bredden
- En logotyp längst ned till vänster, under ikonen
- Ett högt foto ihoppressat till en remsa
- Fina detaljer som blir brus när de skalas
- Ord som upprepar subredditens namn bredvid

### Gör så här

- Ord, om några, i den mittersta tredjedelen
- Kanterna som lugn bakgrund
- En bred beskärning vald för remsan
- Djärva former och mjuk färg
- En slogan som tillför mening

Kontrollera också bannern mot båda Reddits teman. Många medlemmar surfar i mörkt läge, där sidan runt din remsa blir nästan svart, och andra i ljust läge, där den är vit. En banner med en hård vit kant kan se ut som en inklistrad rektangel på en mörk sida, och en mycket mörk banner kan se tung ut på en ljus. Mellantoner, eller kanter som tonar mot en neutral, sitter bra i båda. [Design för mörkt läge](https://gradiently.design/sv/guide/dark-mode-design) tar upp den bredare principen.

## Storlek på Reddit-inläggsbilder

För bilder i inlägg är en kvadrat på 1080×1080 det pålitliga valet: den visas fullt i kortvyn på dator och i mobilflödet. Stående bilder i 1080×1350 tar mer av telefonskärmen. Mycket höga bilder förkortas i flödet tills de öppnas, och mycket breda blir ett tunt band. Reddit är text först, så lägg orden som spelar roll i inläggets rubrik; bilden ska visa, inte upprepa.

En kvadratisk Reddit-inläggsbild som annonserar ett fröbyte till våren för ett trädgårdscommunity

En kvadratisk meddelandebild för ett fäst moderatorsinlägg.

En stående Reddit-bild som listar communityregler i subredditens färger

Ett stående regelkort i samma look som bannern.

Moderatorsmeddelanden, regelkort och evenemangsinlägg ser mer officiella ut när de delar bannerns färger. I Gradiently kan du formge bannern i 1920×384 och inläggen i 1080×1080 utifrån ett Mark, så att subredditen får en enhetlig look; i Pro tar det ett steg att ändra storlek på en design till alla storlekar, och varje storlek renderas för sin egen form i stället för att beskäras. Mer om att matcha en look på olika ställen finns i [enhetligt varumärke i sociala medier](https://gradiently.design/sv/guide/brand-consistency-across-platforms) och [bildstorlekar för sociala medier](https://gradiently.design/sv/guide/social-media-image-sizes).

## FAQ

### Vilken storlek har en Reddit-communitybanner?

1920×384 pixlar, en remsa i 5:1.

### Varför beskärs min subreddit-banner på mobil?

Reddit-appen visar bannern i en annan proportion än på dator, vilket oftast trimmar sidorna. Håll ord och nyckelbilder i den mittersta tredjedelen.

### Vilken storlek ska bilder i Reddit-inlägg ha?

En kvadrat på 1080×1080 visas pålitligt på dator och mobil. Stående 1080×1350 fungerar också och tar mer av en telefonskärm.

### Var ändrar jag en subreddit-banner?

I Mod Tools, under communityns utseendeinställningar. Du måste vara moderator med behörighet att ändra communityns utseende.