Sociale media

Twitter header formaat: X-header en afbeeldingen in posts

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.

GradientlyGeverifieerd Gradiently-account··4 min lezen
Cover: Indigo Sail · GR·QZ9H·NY

De korte versie

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

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

FormaatAfmeting (px)VerhoudingOpmerkingen
Header1500×5003:1Profielfoto overlapt linksonder
Afbeelding in post, liggend1600×90016:9De klassieke vorm in de tijdlijn
Afbeelding in post, staand1080×13504:5Neemt op telefoons meer hoogte in de tijdlijn in
Afbeelding van linkkaart1200×6301.91:1Komt 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.

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.

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

    Markeer de verboden hoek

    Blokkeer het kwart linksonder als herinnering dat de foto het bedekt.

  3. 3

    Leg eerst de achtergrond

    Kies een achtergrond die rustig is waar de foto komt en interessanter waar het oog heen reist.

  4. 4

    Voeg één regel toe, rechts van het midden

    Houd hem kort en zet hem groot, met vrije ruimte boven en onder.

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

Northlight Studio
Ontwerp, woorden en de ruimte ertussen.
Gradiently · @gradiently

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 gaat dieper in op de lay-out.

Deze week
Drie dingen die we hebben uitgebracht.
Gradiently · @gradiently

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

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.

Vragen die mensen stellen

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.

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