Sosiale medier

Twitter header størrelse: mål for X-header og bilder

X-headeren er bred, lav og delvis dekket av profilbildet ditt. Her er størrelsen, området du bør holde fritt, ideer til hva du kan ha på den, og de riktige størrelsene for bilder i innlegg.

GradientlyVerifisert Gradiently-konto··4 min lesetid
Omslag: Indigo Sail · GR·QZ9H·NY

Kortversjonen

  • Størrelsen på Twitter-headeren på X er 1500×500 piksler, et forhold på 3:1.
  • Profilbildet overlapper nedre venstre del av headeren, så hold ord og logoer unna det hjørnet.
  • Ulike skjermer viser litt ulike utsnitt av headeren, så hold viktig innhold i det midtre båndet, unna topp- og bunnkanten.
  • Bilder i X-innlegg fungerer best i 1600×900 for liggende (16:9) eller 1080×1350 for stående (4:5).
  • En header fungerer best som en enkel, gjenkjennelig bakgrunn med én kort linje, ikke som en overfylt plakat.
På denne siden

Twitter header størrelse på X er 1500×500 piksler, et bredt banner i 3:1. Profilbildet ditt ligger over det nedre venstre hjørnet, og ulike skjermer kutter litt fra toppen og bunnen, så hold ord og logoer i midten og til høyre i banneret, unna kantene. For bilder inne i innlegg bruker du 1600×900 for liggende eller 1080×1350 for stående.

Bildestørrelser på X i korte trekk

FormatStørrelse (px)ForholdMerknader
Header1500×5003:1Profilbildet overlapper nede til venstre
Bilde i innlegg, liggende1600×90016:9Den klassiske formen i tidslinjen
Bilde i innlegg, stående1080×13504:5Tar mer høyde i tidslinjen på mobil
Bilde på lenkekort1200×6301,91:1Hentes fra Open Graph-bildet på den lenkede siden
Anbefalte opplastingsstørrelser for X. Bildet på lenkekortet settes på nettstedet ditt og lastes ikke opp til X, se størrelse på Open Graph-bilder.

Header 3:1

1500 × 500

Innlegg 16:9

1600 × 900

Stående innlegg 4:5

1080 × 1350

De tre formene på X tegnet i riktig målestokk. Headeren er den eneste der noe ligger oppå designet ditt.

Hvor profilbildet dekker headeren

Det runde profilbildet ditt overlapper nedre venstre del av headeren både på mobil og på skrivebord. Alt du legger der, som en logo, en dato eller slutten av en overskrift, blir skjult eller ser trangt ut mot kanten av bildet. I tillegg vises ikke headeren i nøyaktig 3:1 på alle skjermer, så en stripe øverst og nederst kan bli kuttet.

Unngå

  • Tekst eller logo i nedre venstre fjerdedel
  • Ord som går tett på topp- eller bunnkanten
  • Liten tekst som bare kan leses på en stor skjerm
  • Et urolig bilde som kjemper mot profilbildet

Gjør

  • Ord i midten eller høyre halvdel, i det midtre båndet
  • God luft over og under all tekst
  • Én kort linje, stor nok til å leses på mobil
  • Et rolig område der profilbildet havner

Et nyttig grep er å la selve bakgrunnen gi plass til bildet. Legg den mørkeste eller roligste delen av gradienten nede til venstre, der bildet ligger, og la fargen åpne seg mot høyre, der ordene dine står.

Header-gradienter bygget rundt profilbildet. I 60 grader ligger den første fargen nede til venstre, og overgangen går mot øvre høyre.

Hva du bør ha på en X-header

En header ses hver gang noen besøker profilen din, ofte rett etter at de har lest et av innleggene dine. Den skal bekrefte hvem du er med ett blikk, ikke fortelle hele historien din. Dette fungerer godt.

  • Uttrykket ditt, og ingenting annet. En særpreget bakgrunn i merkevarens farger eller materiale er ofte den sterkeste headeren.
  • Én linje. Hva du gjør, eller hva du jobber med, med noen få ord.
  • Noe aktuelt. En lansering, en bok, en arrangementsdato, som byttes ut når det er over.
  • Et konsekvent par. Samme uttrykk som LinkedIn-banneret og nettstedet ditt, så folk kjenner deg igjen på tvers av plattformer. Se størrelse på LinkedIn-banner.
  1. 1

    Start i 1500×500

    Sett opp lerretet i nøyaktig størrelse. Å designe i en annen form og beskjære etterpå er slik logoer havner under profilbildet.

  2. 2

    Merk hjørnet du skal holde deg unna

    Blokker ut nedre venstre fjerdedel som en påminnelse om at bildet kommer til å dekke den.

  3. 3

    Legg bakgrunnen først

    Velg en bakgrunn som er rolig der bildet havner, og mer interessant der øyet vandrer.

  4. 4

    Legg til én linje, til høyre for midten

    Hold den kort og sett den stort, med tydelig luft over og under.

  5. 5

    Sjekk på en mobil

    Last den opp, og se på profilen din på en mobil og en bærbar. Juster alt som ligger for nær en kant.

Northlight Studio
Design, ord og rommet imellom.
Gradiently · @gradiently

En header med én linje satt til høyre for midten, i det midtre båndet, slik at nedre venstre er rolig for profilbildet.

Bildestørrelser for X-innlegg

For bilder i innlegg velger du form etter det du deler. Liggende 1600×900 passer til skjermbilder, diagrammer og brede fotografier, og samsvarer med rammen mange andre plattformer bruker. Stående 1080×1350 tar mer av tidslinjen på mobil, noe som gir et designet innlegg mer tyngde. Bildedesign for Twitter går dypere inn i oppsett.

Denne uken
Tre ting vi lanserte.
Gradiently · @gradiently

Liggende 1600×900: godt til brede oppsett og innhold side om side.

Stående 1080×1350: mer høyde i tidslinjen, bedre for én sterk overskrift.

Eksporter headere og bilder til innlegg som PNG når de inneholder tekst eller gradienter, i sRGB, i nøyaktig størrelsene over. X komprimerer opplastinger på nytt, og glatte gradienter viser det først som bånding. Litt korn hjelper. Hele listen over plattformstørrelser står i bildestørrelser for sosiale medier.

Spørsmål folk stiller

Hva er størrelsen på Twitter-headeren?

1500×500 piksler, et forhold på 3:1, på X.

Hvorfor ser X-headeren min beskåret ut?

X viser headeren i litt ulike proporsjoner på ulike skjermer og kutter litt fra toppen og bunnen, og profilbildet dekker nedre venstre del. Hold viktig innhold i det midtre båndet og unna det hjørnet.

Hvilken størrelse bør bilder i X-innlegg ha?

1600×900 for liggende (16:9) eller 1080×1350 for stående (4:5).

Hvor bør teksten stå på en X-header?

I midten eller høyre halvdel av banneret, i det midtre båndet, med luft over og under. Hold den unna nedre venstre del, der profilbildet ligger.

Hvilken filtype bør en X-header ha?

PNG for headere med tekst, flat farge eller gradienter, og en JPEG i høy kvalitet for fotografier, begge i fargeprofilen sRGB.

Er X-headeren like stor som et LinkedIn-banner?

Nei. X-headeren er 1500×500 (3:1), mens et profilbanner på LinkedIn er 1584×396 (4:1), så hver av dem trenger sitt eget oppsett.

Del denne guiden

Skrevet av GradientlyVerifisert Gradiently-konto

Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.

Se profilen vår