# Twitter bildestørrelse og X-innlegg som blir lagt merke til

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

På X kommer ordene først, og bildet må fortjene plassen ved siden av dem. Her er størrelsene, hvordan tidslinjen beskjærer, og design som tilfører noe teksten ikke kan.

## The short version

- Den beste bildestørrelsen på Twitter for ett enkelt liggende bilde på X er 1600×900 piksler, en form i 16:9.
- Et stående bilde i 1080×1350 tar mer av en mobilskjerm, men kan bli beskåret i forhåndsvisningen i tidslinjen, så hold det viktigste innholdet i midten.
- Når et innlegg har to, tre eller fire bilder, ordner X dem i et rutenett og beskjærer hvert av dem, så innlegg med flere bilder trenger enkle, midtstilte design.
- Bilder på X fungerer best når de tilfører noe teksten i innlegget ikke kan, som noe visuelt, én sterk linje eller et kort som gjør en kunngjøring gjenkjennelig.
- Headerbildet på X er 1500×500 piksler, og profilbildet overlapper nedre venstre del.

Den beste **Twitter bildestørrelse** for ett enkelt bilde på X er **1600×900 piksler**, et liggende bilde i 16:9 som tidslinjen viser i sin helhet på mobil og skrivebord. For mer høyde på mobil bruker du et stående bilde i **1080×1350**, vel vitende om at forhåndsvisningen kan beskjære det. Profilheaderen er **1500×500**. De tre størrelsene dekker nesten alt du kommer til å poste.

- Innlegg 1600×900: 1600 × 900
- Stående 1080×1350: 1080 × 1350
- Header 1500×500: 1500 × 500

De tre bildestørrelsene for X, i riktig målestokk. Innlegget i 16:9 er det trygge standardvalget.

## Hvordan X viser bilder i tidslinjen

Ett enkelt bilde i 16:9 vises helt. Høyere bilder vises større på mobil, men kan bli kuttet i forhåndsvisningen til noen trykker for å åpne dem, så alt viktig nær topp- eller bunnkanten risikerer å bli skjult. Med mer enn ett bilde legger X dem i et rutenett og beskjærer hver rute så den passer.

| Bilder i innlegget | Hvordan tidslinjen viser dem | Design for |
| --- | --- | --- |
| Ett | Stort, liggende vises helt, høye bilder kan bli kuttet | 16:9 i 1600×900, eller stående med en trygg midte |
| To | Side om side, hvert beskåret til en høy form | Midtstilt innhold med brede marger |
| Tre | Ett stort til venstre, to stablet til høyre | Det viktigste bildet først, enklere etterpå |
| Fire | Et rutenett på to ganger to, hvert beskåret | Fire enkle, midtstilte komposisjoner |

Slik legges innlegg med flere bilder opp. Jo flere bilder, desto trangere blir hvert utsnitt, og desto mindre tekst kan hvert bilde trygt bære.

> **Design mot midten** Vet du ikke hvordan et bilde blir beskåret, holder du ord og ansikter innenfor det sentrale området og lar bare bakgrunnen gå ut til kantene. Det er det ene oppsettet som tåler enhver beskjæring.

## Bilder med lite tekst som tilfører noe

X er et nettverk der teksten kommer først. Innlegget bærer allerede ordene dine, så et bilde som gjentar dem, tilfører lite. Bildene som virker, kommer med noe nytt: noe visuelt folk har lyst til å se på, én kort linje satt med tyngde, et tall eller et gjenkjennelig kort som markerer innlegget som viktig.

### Tilfører lite

- Et skjermbilde av et avsnitt
- Teksten fra innlegget en gang til, som bilde
- Ti fakta stappet inn i ett kort
- Et generisk arkivbilde

### Fortjener plassen

- Én linje, stor, som teksten utdyper
- Ett enkelt tall med det det måler
- Produktet, et resultat eller et før og etter
- Et kort i ditt uttrykk som folk kjenner igjen

## Kunngjøringskort for X

For lanseringer, utgivelser og nyheter hjelper et konsekvent kunngjøringskort innlegget med å skille seg ut som *selve* nyheten og ikke bare én oppdatering til. Bruk formen 16:9, legg overskriften til venstre eller i midten, og hold støttedetaljene korte, for teksten i innlegget bærer hele historien og lenken. For hierarkiet i selve ordene, se [hvordan du designer et kunngjøringsinnlegg](https://gradiently.design/nb/guide/announcement-post-design).

Et bredt kunngjøringskort med teksten Versjon 2 er her på en gradientbakgrunn

Et kort i 1600×900: vises helt i tidslinjen, og overskriften kan leses med ett blikk.

En stående versjon av det samme kunngjøringskortet med ordene midtstilt

Den stående versjonen: mer tyngde på mobil, med ordene i midten i tilfelle beskjæring.

Innlegg som deler en lenke uten bilde, viser Open Graph-bildet til siden i stedet. Sørg for at den forhåndsvisningen har samme uttrykk som kortet ditt. [Størrelse på OG-bilder](https://gradiently.design/nb/guide/open-graph-image-size) dekker taggene og oppsettet i 1200×630.

## Design for lyst og mørkt tema

Folk leser X i et lyst tema, et mørkt tema eller et dempet, og bildet ditt ligger på det de har valgt. Et bilde med hvit bakgrunn smelter inn i det lyse temaet og lyser hardt i det mørke. Et bilde med nesten svart grunn gjør det motsatte. En fargeflate som går helt ut, med tydelige kanter, ser bevisst ut på alle.

- Indigoflate: `linear-gradient(135deg, #1e1b4b 0%, #4338ca 55%, #818cf8 100%)`
- Blågrønn flate: `linear-gradient(135deg, #064e3b 0%, #0f766e 55%, #5eead4 100%)`
- Ravflate: `linear-gradient(135deg, #7c2d12 0%, #c2410c 55%, #fdba74 100%)`

Flater som holder formen i både lyse og mørke tidslinjer: hver går fra en dyp tone til en klar og lys, så bildet aldri glir inn i noen av temaene.

For mer om hvordan farge oppfører seg i mørke grensesnitt, se [design for mørk modus](https://gradiently.design/nb/guide/dark-mode-design).

## Headerbildet på X

Headeren er **1500×500**, et banner i 3:1. Profilbildet ditt overlapper nedre venstre del, og mobiler viser den mindre og kan kutte kantene. Hold den enkel: uttrykket ditt, kanskje én kort linje i midten eller til høyre, og ingenting viktig i nedre venstre hjørne. [Twitter header størrelse](https://gradiently.design/nb/guide/x-header-size) går gjennom oppsettet i detalj.

En bred X-header med en kort tekstlinje midtstilt på en gradient

En header med ordene i midten og nedre venstre holdt fritt for profilbildet.

## Eksportere og poste bilder på X

1. **Eksporter i størrelsen som er oppgitt** 1600×900 eller 1080×1350, slik at X skalerer ned, aldri opp.
2. **Velg riktig format** PNG for skrift og flat farge, JPEG i høy kvalitet for fotografier. Legg lett korn på glatte gradienter, så komprimeringen ikke gir dem bånding.
3. **Skriv en bildebeskrivelse** X lar deg legge til en beskrivelse for hvert bilde. Skriv hva bildet sier og viser, slik at brukere av skjermlesere og søk får samme budskap.
4. **Sjekk det på en mobil** Se på innlegget i tidslinjen på en mobil, i både lyst og mørkt tema, før du fester det.

Poster du samme nyhet på Instagram, LinkedIn og X, designer du den én gang og legger den opp på nytt for hver form. Hele listen over former står i [bildestørrelser for sosiale medier](https://gradiently.design/nb/guide/social-media-image-sizes), og for en lansering lister [grafikk til lanseringsdagen](https://gradiently.design/nb/guide/launch-day-graphics) opp alt du trenger.

## FAQ

### Hva er den beste bildestørrelsen for X (Twitter)?

1600×900 piksler for ett enkelt liggende bilde, som tidslinjen viser i sin helhet. Bruk 1080×1350 for et stående bilde der det viktigste innholdet holdes i midten.

### Hvorfor blir bildet mitt beskåret på X?

Høye bilder kan bli kuttet i forhåndsvisningen i tidslinjen, og innlegg med to til fire bilder beskjærer hvert av dem til et rutenett. Hold ord og ansikter i midten.

### Hvilken størrelse har X-headeren?

1500×500 piksler. Profilbildet overlapper nedre venstre del, så hold viktig innhold unna det hjørnet.

### Bør bilder på X inneholde tekst?

Litt. Innlegget bærer allerede ordene dine, så et bilde fungerer best med én sterk linje, et tall eller et gjenkjennelig kort i stedet for et avsnitt.