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

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

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.

## The short version

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

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

| Format | Størrelse (px) | Forhold | Merknader |
| --- | --- | --- | --- |
| Header | 1500×500 | 3:1 | Profilbildet overlapper nede til venstre |
| Bilde i innlegg, liggende | 1600×900 | 16:9 | Den klassiske formen i tidslinjen |
| Bilde i innlegg, stående | 1080×1350 | 4:5 | Tar mer høyde i tidslinjen på mobil |
| Bilde på lenkekort | 1200×630 | 1,91:1 | Hentes 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](https://gradiently.design/nb/guide/open-graph-image-size).

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

- Mørkt under bildet, rosa til høyre: `linear-gradient(60deg, #0d0d1a 0%, #0d0d1a 25%, #3b2a8c 60%, #f08fb2 100%)`
- Varm glød til høyre, rolig til venstre: `radial-gradient(circle at 80% 40%, #ffb17a 0%, #c2410c 35%, #1c0a05 80%)`
- Dyp grønn til mynte: `linear-gradient(60deg, #0b1f1a 0%, #0b1f1a 20%, #14746f 60%, #b8f2e6 100%)`

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](https://gradiently.design/nb/guide/linkedin-banner-size).

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. **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. **Legg bakgrunnen først** Velg en bakgrunn som er rolig der bildet havner, og mer interessant der øyet vandrer.
4. **Legg til én linje, til høyre for midten** Hold den kort og sett den stort, med tydelig luft over og under.
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.

En bred X-header på 1500 × 500 med en kort tekstlinje til høyre for midten over en gradient

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](https://gradiently.design/nb/guide/x-post-image-design) går dypere inn i oppsett.

Et liggende bilde til et X-innlegg med tittelen Tre ting vi lanserte, lagt opp i to kolonner

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

Det samme innlegget som et stående bilde, med overskriften stablet loddrett

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](https://gradiently.design/nb/guide/social-media-image-sizes).

## FAQ

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