# Twitter header formaat: X-header en afbeeldingen in posts

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

De X-header is breed, laag en deels bedekt door je profielfoto. Hier lees je het formaat, het gebied dat je vrij houdt, ideeën voor wat je erop zet, en de juiste formaten voor afbeeldingen in posts.

## The short version

- Het Twitter header formaat op X is 1500×500 pixels, een verhouding van 3:1.
- De profielfoto overlapt de header linksonder, dus houd woorden en logo’s uit die hoek.
- Verschillende schermen tonen iets andere uitsneden van de header, dus houd belangrijke inhoud in de middelste band, weg van de boven- en onderrand.
- Afbeeldingen in X-posts werken het best op 1600×900 voor liggend (16:9) of 1080×1350 voor staand (4:5).
- Een header werkt het best als een eenvoudige, herkenbare achtergrond met één korte regel, niet als een volle poster.

Het **Twitter header formaat** op X is 1500×500 pixels, een brede banner van 3:1. Je profielfoto ligt over de hoek linksonder, en verschillende schermen snijden een beetje van de boven- en onderkant af, dus houd woorden en logo’s in het midden en rechts in de banner, weg van de randen. Gebruik voor afbeeldingen in posts 1600×900 voor liggend of 1080×1350 voor staand.

## Afbeeldingsformaten voor X in één oogopslag

| Formaat | Afmeting (px) | Verhouding | Opmerkingen |
| --- | --- | --- | --- |
| Header | 1500×500 | 3:1 | Profielfoto overlapt linksonder |
| Afbeelding in post, liggend | 1600×900 | 16:9 | De klassieke vorm in de tijdlijn |
| Afbeelding in post, staand | 1080×1350 | 4:5 | Neemt op telefoons meer hoogte in de tijdlijn in |
| Afbeelding van linkkaart | 1200×630 | 1.91:1 | Komt uit de Open Graph-afbeelding van de gelinkte pagina |

Aanbevolen uploadformaten voor X. De afbeelding van de linkkaart stel je in op je website en upload je niet naar X; zie [formaat van een Open Graph-afbeelding](https://gradiently.design/nl/guide/open-graph-image-size).

- Header 3:1: 1500 × 500
- Post 16:9: 1600 × 900
- Staande post 4:5: 1080 × 1350

De drie vormen van X, op schaal getekend. De header is de enige waar iets bovenop je ontwerp ligt.

## Waar de profielfoto de header bedekt

Je ronde profielfoto overlapt de header linksonder, op telefoons en op desktops. Alles wat je daar zet, zoals een logo, een datum of het einde van een kop, raakt verborgen of oogt krap tegen de rand van de foto. Daarbovenop wordt de header niet op elk scherm in precies 3:1 getoond, dus een strook boven en onder kan worden afgesneden.

### Vermijd

- Tekst of een logo in het kwart linksonder
- Woorden die dicht langs de boven- of onderrand lopen
- Kleine tekst die alleen op een grote monitor leest
- Een drukke foto die met de profielfoto vecht

### Doe

- Woorden in het midden of de rechterhelft, in de middelste band
- Royale ruimte boven en onder elke tekst
- Eén korte regel, groot genoeg om op een telefoon te lezen
- Een rustig vlak waar de profielfoto komt

Een handige truc is de achtergrond zelf ruimte te laten maken voor de foto. Zet het donkerste of rustigste deel van je kleurverloop linksonder, waar de foto ligt, en laat de kleur opengaan naar rechts, waar je woorden komen.

- Donker onder de foto, roze naar rechts: `linear-gradient(60deg, #0d0d1a 0%, #0d0d1a 25%, #3b2a8c 60%, #f08fb2 100%)`
- Warme gloed rechts, rustig links: `radial-gradient(circle at 80% 40%, #ffb17a 0%, #c2410c 35%, #1c0a05 80%)`
- Diepgroen naar mint: `linear-gradient(60deg, #0b1f1a 0%, #0b1f1a 20%, #14746f 60%, #b8f2e6 100%)`

Kleurverlopen voor headers, gebouwd rond de profielfoto. Bij 60 graden ligt de eerste kleur linksonder en loopt de overgang naar rechtsboven.

## Wat je op een X-header zet

Een header wordt gezien telkens wanneer iemand je profiel bezoekt, vaak direct na het lezen van een van je posts. Hij moet in één oogopslag bevestigen wie je bent, niet je hele verhaal vertellen. Dit werkt goed.

- **Je look, en verder niets.** Een onderscheidende achtergrond in de kleuren of het materiaal van je merk is vaak de sterkste header.
- **Eén regel.** Wat je doet of waar je aan werkt, in een paar woorden.
- **Iets actueels.** Een lancering, een boek, de datum van een evenement, vervangen zodra het voorbij is.
- **Een consistent paar.** Dezelfde look als je LinkedIn-banner en website, zodat mensen je op elk platform herkennen. Zie [LinkedIn banner formaat](https://gradiently.design/nl/guide/linkedin-banner-size).

1. **Begin op 1500×500** Zet het canvas op het exacte formaat. Ontwerpen in een andere vorm en later bijsnijden is hoe logo’s onder de profielfoto belanden.
2. **Markeer de verboden hoek** Blokkeer het kwart linksonder als herinnering dat de foto het bedekt.
3. **Leg eerst de achtergrond** Kies een achtergrond die rustig is waar de foto komt en interessanter waar het oog heen reist.
4. **Voeg één regel toe, rechts van het midden** Houd hem kort en zet hem groot, met vrije ruimte boven en onder.
5. **Controleer op een telefoon** Upload hem en bekijk je profiel op een telefoon en een laptop. Pas alles aan wat te dicht bij een rand staat.

Een brede X-header van 1500 bij 500 met een korte regel tekst rechts van het midden op een kleurverloop

Een header met één regel rechts van het midden, in de middelste band, waarbij het vlak linksonder rustig blijft voor de profielfoto.

## Formaten voor afbeeldingen in X-posts

Kies voor afbeeldingen in posts de vorm op basis van wat je deelt. Liggend 1600×900 past bij screenshots, grafieken en brede foto’s, en komt overeen met het kader dat veel andere platforms gebruiken. Staand 1080×1350 neemt op telefoons meer van de tijdlijn in, wat een ontworpen post meer aanwezigheid geeft. [Afbeeldingen ontwerpen voor Twitter](https://gradiently.design/nl/guide/x-post-image-design) gaat dieper in op de lay-out.

Een liggende afbeelding voor een X-post met de titel Drie dingen die we hebben uitgebracht, opgemaakt in twee kolommen

Liggend 1600×900: goed voor brede lay-outs en inhoud naast elkaar.

Dezelfde post als staande afbeelding, met de kop verticaal gestapeld

Staand 1080×1350: meer hoogte in de tijdlijn, beter voor één sterke kop.

Exporteer headers en afbeeldingen voor posts als PNG wanneer ze tekst of kleurverlopen bevatten, in sRGB, op precies de formaten hierboven. X comprimeert uploads opnieuw, en vloeiende kleurverlopen laten dat het eerst zien als banding; een beetje korrel helpt. De volledige lijst met platformformaten staat in [afbeeldingsformaten voor social media](https://gradiently.design/nl/guide/social-media-image-sizes).

## FAQ

### Wat is het Twitter header formaat?

1500×500 pixels, een verhouding van 3:1, op X.

### Waarom oogt mijn X-header afgesneden?

X toont de header op verschillende schermen in iets andere verhoudingen, waarbij een beetje van de boven- en onderkant wegvalt, en de profielfoto bedekt het deel linksonder. Houd belangrijke inhoud in de middelste band en weg van die hoek.

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

1600×900 voor liggend (16:9) of 1080×1350 voor staand (4:5).

### Waar zet je tekst op een X-header?

In het midden of de rechterhelft van de banner, in de middelste band, met ruimte boven en onder. Houd tekst uit de hoek linksonder, waar de profielfoto ligt.

### Welk bestandstype moet een X-header hebben?

PNG voor headers met tekst, egale kleur of kleurverlopen, en een JPEG van hoge kwaliteit voor foto’s, beide in het sRGB-kleurprofiel.

### Is de X-header even groot als een LinkedIn-banner?

Nee. De X-header is 1500×500 (3:1), terwijl een profielbanner op LinkedIn 1584×396 (4:1) is, dus elk heeft een eigen lay-out nodig.