Sociale media

Twitter afbeelding formaat en X-posts die opvallen

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.

GradientlyGeverifieerd Gradiently-account··5 min lezen
Cover: Cork Screen · GR·YV77·81

De korte versie

  • 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.
Op deze pagina

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 postHoe de tijdlijn ze toontOntwerp voor
EénGroot, liggend volledig getoond, hoge afbeeldingen mogelijk ingekort16:9 op 1600×900, of staand met een veilig midden
TweeNaast elkaar, elk bijgesneden tot een hoge vormGecentreerde inhoud met brede marges
DrieEén grote links, twee gestapeld rechtsHet belangrijkste beeld eerst, eenvoudigere daarna
VierEen raster van twee bij twee, elk bijgesnedenVier 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.

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.

Aankondiging
Versie 2 is er.
Snellere exports, een nieuwe editor en dark mode.
Gradiently · @gradiently

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

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

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.

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 loopt de lay-out in detail door.

Wekelijks, sinds 2024
Veldnotities over kleur
Gradiently · @gradiently

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

Afbeeldingen exporteren en posten op X

  1. 1

    Exporteer op het genoemde formaat

    1600×900 of 1080×1350, zodat X verkleint en nooit vergroot.

  2. 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. 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. 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, en voor een lancering noemt beeldmateriaal voor de lanceringsdag alles wat je nodig hebt.

Vragen die mensen stellen

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.

Deel deze gids

Geschreven door GradientlyGeverifieerd Gradiently-account

Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.

Bekijk ons profiel