# Twitter afbeelding formaat en X-posts die opvallen

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

Op X komen de woorden eerst en moet het beeld zijn plek ernaast verdienen. Hier vind je de formaten, hoe de tijdlijn afsnijdt, en ontwerpen die iets toevoegen wat de tekst niet kan.

## The short version

- Het beste Twitter afbeelding formaat voor één liggende afbeelding op X is 1600×900 pixels, een vorm van 16:9.
- Een staande afbeelding van 1080×1350 neemt meer van een telefoonscherm in, maar kan in de voorvertoning van de tijdlijn worden afgesneden, dus houd de belangrijkste inhoud in het midden.
- Heeft een post twee, drie of vier afbeeldingen, dan zet X ze in een raster en snijdt het elke afbeelding bij, dus posts met meerdere afbeeldingen vragen om eenvoudige, gecentreerde ontwerpen.
- Afbeeldingen op X werken het best wanneer ze iets toevoegen wat de tekst van de post niet kan, zoals een beeld, één sterke regel of een kaart die een aankondiging herkenbaar maakt.
- De headerafbeelding van X is 1500×500 pixels, en de profielfoto overlapt het deel linksonder.

Het beste **Twitter afbeelding formaat** voor één afbeelding op X is **1600×900 pixels**, een liggende 16:9 die de tijdlijn op telefoons en desktops volledig toont. Wil je meer hoogte op een telefoon, gebruik dan een staande **1080×1350**, in de wetenschap dat de voorvertoning hem kan afsnijden. De profielheader is **1500×500**. Die drie formaten dekken bijna alles wat je post.

- Post 1600×900: 1600 × 900
- Staand 1080×1350: 1080 × 1350
- Header 1500×500: 1500 × 500

De drie afbeeldingsformaten voor X, op schaal. De post in 16:9 is de veilige standaard.

## Hoe X afbeeldingen toont in de tijdlijn

Eén afbeelding in 16:9 verschijnt in zijn geheel. Hogere afbeeldingen worden op telefoons groter getoond, maar kunnen in de voorvertoning worden ingekort tot iemand erop tikt om ze te openen, dus alles wat belangrijk is bij de boven- of onderrand loopt het risico verborgen te raken. Bij meer dan één afbeelding zet X ze in een raster en snijdt het elke tegel passend bij.

| Afbeeldingen in de post | Hoe de tijdlijn ze toont | Ontwerp voor |
| --- | --- | --- |
| Eén | Groot, liggend volledig getoond, hoge afbeeldingen mogelijk ingekort | 16:9 op 1600×900, of staand met een veilig midden |
| Twee | Naast elkaar, elk bijgesneden tot een hoge vorm | Gecentreerde inhoud met brede marges |
| Drie | Eén grote links, twee gestapeld rechts | Het belangrijkste beeld eerst, eenvoudigere daarna |
| Vier | Een raster van twee bij twee, elk bijgesneden | Vier eenvoudige, gecentreerde composities |

Hoe posts met meerdere afbeeldingen worden ingedeeld. Hoe meer afbeeldingen, hoe krapper elke uitsnede, en hoe minder tekst elke afbeelding veilig kan dragen.

> **Ontwerp naar het midden** Weet je niet hoe een afbeelding wordt afgesneden, houd woorden en gezichten dan binnen het centrale vlak en laat alleen achtergrond tot de randen lopen. Het is de enige lay-out die elke uitsnede overleeft.

## Afbeeldingen met weinig tekst die iets toevoegen

X is een netwerk waar tekst vooropstaat. De post draagt je woorden al, dus een afbeelding die ze in een plaatje herhaalt voegt weinig toe. De afbeeldingen die werken brengen iets nieuws: een beeld waar mensen naar willen kijken, één korte regel met gewicht gezet, een getal, of een herkenbare kaart die de post als belangrijk markeert.

### Voegt weinig toe

- Een screenshot van een alinea
- De tekst van de post nog eens, in een afbeelding
- Tien feiten in één kaart gepropt
- Een generieke stockfoto

### Verdient zijn plek

- Eén regel, groot, waar de tekst op doorgaat
- Eén getal met wat het meet
- Het product, een resultaat of een voor en na
- Een kaart in jouw look die mensen herkennen

## Aankondigingskaarten voor X

Bij lanceringen, releases en nieuws helpt een consistente aankondigingskaart een post op te vallen als *het* nieuws in plaats van de zoveelste update. Gebruik de vorm van 16:9, zet de kop links of in het midden, en houd ondersteunende details kort, want de tekst van de post draagt het hele verhaal en de link. Voor de hiërarchie van de woorden zelf, zie [hoe je een aankondigingspost ontwerpt](https://gradiently.design/nl/guide/announcement-post-design).

Een brede aankondigingskaart met de tekst Versie 2 is er op een achtergrond met kleurverloop

Een kaart van 1600×900: volledig getoond in de tijdlijn, kop leesbaar in één oogopslag.

Een staande versie van dezelfde aankondigingskaart met de woorden gecentreerd

De staande versie: meer aanwezigheid op een telefoon, met de woorden in het midden voor het geval er wordt afgesneden.

Posts die een link delen zonder afbeelding tonen in plaats daarvan de Open Graph-afbeelding van de pagina. Zorg dat die voorvertoning dezelfde look draagt als je kaart; [formaat van een OG-afbeelding](https://gradiently.design/nl/guide/open-graph-image-size) behandelt de tags en de lay-out van 1200×630.

## Ontwerpen voor lichte en donkere thema’s

Mensen lezen X in een licht thema, een donker thema of een gedimd thema, en je afbeelding staat op het thema dat zij kozen. Een afbeelding met een witte achtergrond versmelt met het lichte thema en gloeit hard in het donkere. Een afbeelding met een bijna zwarte ondergrond doet het omgekeerde. Een kleurveld tot aan de rand met duidelijke randen oogt op allemaal bewust.

- Indigo veld: `linear-gradient(135deg, #1e1b4b 0%, #4338ca 55%, #818cf8 100%)`
- Teal veld: `linear-gradient(135deg, #064e3b 0%, #0f766e 55%, #5eead4 100%)`
- Amber veld: `linear-gradient(135deg, #7c2d12 0%, #c2410c 55%, #fdba74 100%)`

Velden die hun vorm houden op lichte en donkere tijdlijnen: elk loopt van een diepe toon naar een helder lichte, zodat de afbeelding nooit in een van de thema’s opgaat.

Voor meer over hoe kleur zich gedraagt op donkere interfaces, zie [ontwerpen voor dark mode](https://gradiently.design/nl/guide/dark-mode-design).

## De headerafbeelding van X

De header is **1500×500**, een banner van 3:1. Je profielfoto overlapt het deel linksonder, en telefoons tonen hem kleiner en kunnen de randen inkorten. Houd hem eenvoudig: je look, misschien één korte regel in het midden of rechts, niets belangrijks in de hoek linksonder. [Twitter header formaat](https://gradiently.design/nl/guide/x-header-size) loopt de lay-out in detail door.

Een brede X-header met een korte regel tekst gecentreerd op een kleurverloop

Een header met de woorden in het midden en het deel linksonder vrijgelaten voor de profielfoto.

## Afbeeldingen exporteren en posten op X

1. **Exporteer op het genoemde formaat** 1600×900 of 1080×1350, zodat X verkleint en nooit vergroot.
2. **Kies het juiste bestandstype** PNG voor tekst en egale kleur, JPEG van hoge kwaliteit voor foto’s. Voeg lichte korrel toe aan vloeiende kleurverlopen, zodat compressie geen banding veroorzaakt.
3. **Schrijf een beschrijving van de afbeelding** Op X kun je aan elke afbeelding een beschrijving toevoegen. Schrijf wat de afbeelding zegt en toont, zodat gebruikers van schermlezers en zoekmachines dezelfde boodschap krijgen.
4. **Controleer het op een telefoon** Bekijk de post in de tijdlijn op een telefoon, in zowel het lichte als het donkere thema, voordat je hem vastmaakt.

Post je hetzelfde nieuws op Instagram, LinkedIn en X, ontwerp het dan één keer en maak het voor elke vorm opnieuw op. De volledige lijst met vormen staat in [afbeeldingsformaten voor social media](https://gradiently.design/nl/guide/social-media-image-sizes), en voor een lancering noemt [beeldmateriaal voor de lanceringsdag](https://gradiently.design/nl/guide/launch-day-graphics) alles wat je nodig hebt.

## FAQ

### Wat is het beste afbeeldingsformaat voor X (Twitter)?

1600×900 pixels voor één liggende afbeelding, die de tijdlijn volledig toont. Gebruik 1080×1350 voor een staande afbeelding waarbij de belangrijkste inhoud in het midden blijft.

### Waarom is mijn afbeelding afgesneden op X?

Hoge afbeeldingen kunnen in de voorvertoning van de tijdlijn worden ingekort, en posts met twee tot vier afbeeldingen snijden elke afbeelding bij tot een raster. Houd woorden en gezichten in het midden.

### Welk formaat heeft de X-header?

1500×500 pixels. De profielfoto overlapt het deel linksonder, dus houd belangrijke inhoud weg van die hoek.

### Moeten afbeeldingen op X tekst bevatten?

Een beetje. De post draagt je woorden al, dus een afbeelding werkt het best met één sterke regel, een getal of een herkenbare kaart in plaats van een alinea.