# Reddit-bannerformaat: communitybanners van 1920 x 384

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

Een subreddit-banner is een lange, smalle strook die op elk scherm anders wordt afgesneden. Ontwerp hem als textuur met één idee in het midden, dan ziet hij er goed uit waar leden je ook vinden.

## The short version

- Het Reddit-bannerformaat voor een community is 1920×384 pixels, een strook van 5:1 bovenaan de subreddit.
- Reddit snijdt de banner op desktop en in de mobiele app anders bij, dus de linker- en rechterrand kunnen op telefoons verdwijnen.
- Het communityicoon staat in veel lay-outs linksonder op de banner, dus die hoek moet alleen achtergrond bevatten.
- De beste subreddit-banners zijn vooral textuur of kleur, met eventuele tekst of een hoofdbeeld in het midden.
- Voor afbeeldingen in Reddit-posts is een vierkant van 1080×1080 een betrouwbaar formaat dat in feeds op desktop en mobiel goed uitkomt.

Het **Reddit-bannerformaat** voor een community is 1920×384 pixels, een strook van 5:1 die over de bovenkant van je subreddit loopt. Op telefoons toont Reddit er een kortere, smallere uitsnede van, en het communityicoon staat in veel lay-outs over of net onder de linkerkant. Behandel de banner dus als een band van kleur of textuur, houd tekst of een hoofdbeeld in het middelste derde en laat de randen en de hoek linksonder achtergrond.

## Afmetingen van de Reddit-communitybanner

| Afbeelding | Formaat | Verhouding |
| --- | --- | --- |
| Communitybanner | 1920×384 px | 5:1 |
| Postafbeelding | 1080×1080 px | 1:1 |
| Postafbeelding (staand) | 1080×1350 px | 4:5 |

De banner stel je in bij Mod Tools onder het uiterlijk van de community. Postafbeeldingen kunnen andere vormen hebben, maar deze komen netjes uit in feeds.

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

Reddits banner naast twee andere headers, getekend op dezelfde breedte. Met 5:1 is hij de smalste, dus er is heel weinig hoogte om mee te werken.

Upload een PNG voor egale kleur, illustratie of tekst en een hoogwaardige JPEG voor foto’s. Maak hem op precies 1920×384 zodat Reddit hem niet uitrekt, en onthoud dat een smalle strook op een grote monitor banding in een verloop uitvergroot. Een vleugje korrel voorkomt dat, zoals [gradient banding](https://gradiently.design/nl/guide/gradient-banding) uitlegt.

## Hoe de Reddit-banner op mobiel bijsnijdt

In een desktopbrowser toont de banner breed. In de Reddit-app op een telefoon wordt dezelfde afbeelding in een andere verhouding getoond, wat meestal betekent dat de linker- en rechterkant worden bijgesneden en de strook kan worden geschaald. Afhankelijk van de huidige versie van Mod Tools laat Reddit je mogelijk ook een aparte mobiele banner uploaden. Als je er maar één uploadt, ontwerp hem dan zo dat hij de mobiele uitsnede overleeft.

| Zone | Horizontaal bereik (px) | Wat erin hoort |
| --- | --- | --- |
| Linkerrand | 0 tot 480 | Alleen achtergrond: bijgesneden op telefoons, bij het icoon |
| Midden | 480 tot 1440 | Naam, tagline, hoofdbeeld |
| Rechterrand | 1440 tot 1920 | Alleen achtergrond: bijgesneden op telefoons |

Een werkkaart voor één banner die desktop en mobiel bedient. Controleer je subreddit na het uploaden op beide, want Reddits lay-outs veranderen.

Een Reddit-communitybanner van 1920 bij 384 met r/BalconyGardens en een tagline gecentreerd op een zacht verloop

Naam en tagline in het middelste derde, met de achtergrond die de rest van de strook draagt.

## Ideeën voor subreddit-banners

Communities worden beoordeeld op hun leden, niet op hun banners, maar een doordachte banner laat zien dat de plek verzorgd wordt. Dat telt als iemand via zoeken binnenkomt en bepaalt of hij zich aansluit. Het helpt vaste leden ook om de community in een drukke feed in één oogopslag te herkennen. De meeste goede banners vallen in een van deze categorieën:

- **Pure textuur.** Een verloop, patroon of materiaal in de kleuren van de community. Het botst nooit met de naam en veroudert nooit.
- **Een brede uitsnede van het onderwerp.** Een skyline voor een stadssub, een bosbodem voor een sub over foerageren, een close-up van een toetsenbord voor een sub over mechanische toetsenborden, gecentreerd.
- **Naam en tagline.** Alleen als de tagline iets toevoegt, zoals het doel van de community of een vuistregel.
- **Seizoensversies.** Een andere kleur voor een jaarlijks evenement of een challenge, daarna weer teruggezet.

- Bos, verlicht midden: `linear-gradient(90deg, #052e16 0%, #166534 50%, #052e16 100%)`
- Violet, verlicht midden: `linear-gradient(90deg, #1e1b4b 0%, #6d28d9 50%, #1e1b4b 100%)`
- Abrikoos, warm midden: `linear-gradient(90deg, #fff7ed 0%, #fed7aa 50%, #fff7ed 100%)`
- Diepzee, verlicht midden: `linear-gradient(90deg, #0f172a 0%, #0e7490 50%, #0f172a 100%)`

Bannerondergronden die symmetrisch zijn en in het midden het helderst, zodat welke uitsnede Reddit ook toepast, het hart van de strook blijft.

Een symmetrische banner is een simpele truc voor een onvoorspelbare uitsnede. Als de kleur aan beide randen het donkerst is en in het midden verlicht, blijft er na elke bijsnijding van een van beide kanten een evenwichtige strook over. Dezelfde logica, het belangrijke deel gecentreerd houden, ligt ten grondslag aan [bannerontwerp](https://gradiently.design/nl/guide/banner-design) in het algemeen.

### Vermijden

- Tekst over de volle breedte
- Een logo linksonder, onder het icoon
- Een hoge foto die in een strook is geperst
- Fijn detail dat bij schalen in ruis verandert
- Woorden die de naam van de subreddit ernaast herhalen

### Doen

- Eventuele woorden in het middelste derde
- Randen als rustige achtergrond
- Een brede uitsnede die voor de strook is gekozen
- Gedurfde vormen en zachte kleur
- Een tagline die betekenis toevoegt

Controleer de banner ook tegen beide thema’s van Reddit. Veel leden browsen in de donkere modus, waar de pagina rond je strook bijna zwart wordt, en anderen in de lichte modus, waar die wit is. Een banner met een harde witte rand kan op een donkere pagina een opgeplakte rechthoek lijken, en een heel donkere banner kan op een lichte zwaar ogen. Middentonen, of randen die naar een neutrale tint vervagen, staan in beide prettig. [Ontwerpen voor de donkere modus](https://gradiently.design/nl/guide/dark-mode-design) behandelt het bredere principe.

## Formaat van Reddit-postafbeeldingen

Voor afbeeldingen in posts is een vierkant van 1080×1080 de betrouwbare keuze: het toont volledig in de kaartweergave op desktop en in de mobiele feed. Staande afbeeldingen van 1080×1350 nemen meer van het telefoonscherm in. Heel hoge afbeeldingen worden in de feed ingekort tot je ze opent, en heel brede worden een dunne band. Reddit is tekst eerst, dus zet de woorden die ertoe doen in de posttitel; de afbeelding moet tonen, niet herhalen.

Een vierkante Reddit-postafbeelding die een zaadjesruil in de lente aankondigt voor een tuiniercommunity

Een vierkante aankondigingsafbeelding voor een vastgezette modpost.

Een staande Reddit-afbeelding met de communityregels in de kleuren van de subreddit

Een staande regelkaart in dezelfde look als de banner.

Aankondigingen van moderators, regelkaarten en eventposts zien er officiëler uit als ze de kleuren van de banner delen. In Gradiently ontwerp je de banner van 1920×384 en de posts van 1080×1080 vanuit één Mark, zodat de subreddit een consistente look heeft; op Pro is het aanpassen van een ontwerp naar elk formaat één stap, en elk formaat wordt voor zijn eigen vorm gerenderd in plaats van bijgesneden. Meer over een look die op meerdere plekken past, vind je in [consistente branding op sociale media](https://gradiently.design/nl/guide/brand-consistency-across-platforms) en [afbeeldingsformaten voor sociale media](https://gradiently.design/nl/guide/social-media-image-sizes).

## FAQ

### Welk formaat heeft een Reddit-communitybanner?

1920×384 pixels, een strook van 5:1.

### Waarom wordt mijn subreddit-banner op mobiel afgesneden?

De Reddit-app toont de banner in een andere verhouding dan desktop, wat meestal de zijkanten bijsnijdt. Houd tekst en hoofdbeelden in het middelste derde.

### Welk formaat moeten afbeeldingen in Reddit-posts hebben?

Een vierkant van 1080×1080 toont betrouwbaar op desktop en mobiel. Staand 1080×1350 werkt ook en neemt meer van een telefoonscherm in.

### Waar wijzig ik een subreddit-banner?

In Mod Tools, onder de uiterlijkinstellingen van de community. Je moet moderator zijn met toestemming om het uiterlijk van de community te bewerken.