# Twitter branding på X: header, profilbillede og billeder i opslag

[Canonical HTML page](https://gradiently.design/da/guide/x-branding)

På X dukker dit brand mest op som en lille cirkel ved siden af et par linjer tekst. Det gør de få visuelle ting, du styrer, vigtigere, ikke mindre vigtige.

## The short version

- Twitter branding på X hviler på fire visuelle elementer: profilbilledet, headeren i 1500×500, billederne i opslag og de linkkort, din hjemmeside skaber.
- Profilbilledet står ved siden af hvert opslag og svar, så det bør være et enkelt symbol eller et tæt beskåret portræt, der kan læses i meget lille størrelse.
- Billeder i opslag på X virker bedst i 1600×900 til liggende eller 1080×1350 til stående format.
- Linkkort kommer fra din hjemmesides metatags, så et Open Graph-billede i 1200×630 i dit brandudtryk gør hvert delt link genkendeligt.
- Bruger du samme familie af baggrunde på header, billeder i opslag og linkkort, bindes spredte opslag sammen til ét synligt brand.

**Twitter branding** på X handler om fire visuelle elementer, du styrer: profilbilledet ved hvert opslag, headeren i 1500×500 på din profil, de billeder, du vedhæfter opslag, og de linkkort, din egen hjemmeside skaber, når nogen deler den. Det meste af tiden møder folk dig som en lille cirkel og et par linjer tekst i et hurtigt feed. Så hvert element skal være enkelt, og alle fire skal se ud, som om de kommer fra samme sted.

## Dit brandkit til X i overblik

| Element | Størrelse | Hvor folk ser det |
| --- | --- | --- |
| Profilbillede | Kvadratisk, vist som cirkel | Ved hvert opslag, svar og omtale |
| Header | 1500×500 | Øverst på din profil |
| Liggende billede i opslag | 1600×900 | I tidslinjen, i fuld bredde |
| Stående billede i opslag | 1080×1350 | I tidslinjen, højere på telefoner |
| Linkkort | 1200×630 | Hver gang nogen deler din hjemmeside |

Fem dele. Design dem som et sæt på én baggrund, så ser kontoen gennemtænkt ud, selv når opslagene er afslappede.

## Et profilbillede, der overlever tidslinjen

Dit profilbillede er det billede, du gentager mest. Det står ved hvert svar, i notifikationer og i andres citatopslag, ofte mindre end en negl. Et fuldt logo med ordmærke forsvinder i den størrelse. Brug et enkelt symbol, et monogram eller et tæt portræt af hoved og skuldre, på en ensfarvet eller blødt belyst baggrund i din brandfarve. Hold det ens på alle platforme, så folk, der følger dig andre steder, straks genkender dig.

> **Undgå at skifte det tit** Folk scroller efter form og farve, ikke ved at læse navne. Et nyt profilbillede med få ugers mellemrum nulstiller den genkendelse, du har opbygget.

## Design af headeren på X

Headeren er 1500×500, en strimmel i 3:1. Profilbilledet overlapper dens nederste venstre del, og forskellige skærme beskærer toppen og bunden en smule, så hold ord i det midterste bånd og væk fra det hjørne. Én linje virker bedst: hvad du laver, hvad du bygger, eller den ene ting, du vil have en besøgende til at huske. Fastgør et opslag, der uddyber det. [Størrelse på X-header](https://gradiently.design/da/guide/x-header-size) har de sikre områder i detaljer.

En X-header i 1500 gange 500 med linjen Små værktøjer til store regneark på en gradientbaggrund

Én linje, placeret midt til højre, på den samme baggrund, som kontoen bruger til hvert billede i opslag.

Behandl det fastgjorte opslag som anden halvdel af headeren. En besøgende læser linjen i headeren, kaster et blik på bioen og ser så det fastgjorte opslag lige nedenunder. Gør det opslag til den bedste korte introduktion til det, du laver, med et billede i samme udtryk, og forny det, når du har noget bedre at vise. Et par, der virker godt:

- **En introduktion i ét billede:** hvem du er, hvad du laver, hvad de kan forvente, hvis de følger dig.
- **Din bedste tråd,** med et nummereret forsidebillede, så den læses som en serie.
- **En aktuel lancering eller et tilbud,** udskiftet, så snart det slutter, så det aldrig bliver forældet.

## Billeder i opslag, der ligner dine

De fleste opslag på X er ord, og sådan skal det blive ved. Tilføj et billede, når det gør et stykke arbejde: indrammer en vigtig linje, viser et resultat, annoncerer noget eller bærer et diagram. Når du gør det, så brug et lille sæt layouts på én familie af baggrunde, så folk lærer at genkende dem midt i et scroll.

Et liggende billede til et opslag på X, der annoncerer tre gange hurtigere import i version 2.4 på en gradientbaggrund

Et liggende opdateringskort i 1600×900. Ét tal, én linje kontekst.

Et stående billede til et opslag på X med citatet Lancér den kedelige version først på samme gradientbaggrund

Et stående citatkort i 1080×1350, som fylder mere af en telefonskærm.

Hold teksten stor: folk læser X på telefoner, og tidslinjen viser billeder mindre, end du designede dem. To eller tre ord per linje, én idé per billede. [Design af billeder til X-opslag](https://gradiently.design/da/guide/x-post-image-design) og [grafik til tråde på X](https://gradiently.design/da/guide/x-thread-graphics) har flere layouts, inklusive nummererede billeder til lange tråde.

## Linkkort er en del af dit brand

Hver gang nogen deler din hjemmeside på X, kommer det kort, der vises, fra din sides metatags. Uden dem viser X et almindeligt link eller en tilfældig beskæring. Med et billede i 1200×630 i dit brandudtryk bærer hver deling, også dem, du aldrig ser, dit udtryk ind i tidslinjen. X læser først sine egne `twitter:`-tags og falder tilbage på Open Graph.

```html
<meta name="twitter:card" content="summary_large_image">
<meta property="og:title" content="Small tools for big spreadsheets">
<meta property="og:description" content="Import, clean and merge files in seconds.">
<meta property="og:image" content="https://example.com/og/home.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
```

Minimum for et kort med stort billede. Brug en absolut https-adresse til billedet og et forskelligt billede til hver vigtig side.

Design linkbilledet som en lille plakat: sidens titel, en kort linje, din brandbaggrund og generøse marginer, fordi X runder hjørnerne. [Størrelse på Open Graph-billeder](https://gradiently.design/da/guide/open-graph-image-size) gennemgår test og caching.

## Fejl i Twitter branding, du skal undgå

### Undgå

- Et detaljeret logo som profilbillede
- En header proppet med slogan, brugernavn og hjemmeside
- Ord i headerens nederste venstre hjørne
- Skærmbilleder med lillebitte tekst som billeder i opslag
- At overlade linkkort til tilfældighederne

### Gør

- Et enkelt symbol eller portræt, beholdt i årevis
- Én tydelig linje på en brandbaggrund
- Tekst centreret eller til højre for midten
- Stor tekst, to eller tre ord per linje
- Et designet kort i 1200×630 til hver vigtig side

Den enkleste måde at holde alle fem dele i takt på er at lave dem ud fra ét design. I Gradiently kan du designe én gang på en Mark og med Pro ændre størrelsen til alle formater i ét trin, så headeren, opslagskortene og linkbilledet deler samme lys og farve. Marken giver plads til dine ord i alle størrelser, hvilket betyder noget på en strimmel i 3:1, hvor der er meget lidt plads. Vil du have overblikket på tværs af platforme, så læs [konsekvent branding på tværs af sociale medier](https://gradiently.design/da/guide/brand-consistency-across-platforms).

## FAQ

### Hvilken størrelse har headeren på X (Twitter)?

1500×500 pixels, et forhold på 3:1. Hold ord i det midterste bånd og væk fra nederst til venstre, hvor profilbilledet sidder.

### Hvilken størrelse skal billeder til opslag på X have?

1600×900 til liggende eller 1080×1350 til stående. Stående billeder fylder mere på telefoner.

### Skal mit profilbillede på X være et logo eller et foto?

Brug det, der læses tydeligst som en lille cirkel: et enkelt symbol, et monogram eller et tæt portræt. Undgå detaljerede logoer og lille tekst.

### Hvordan styrer jeg billedet, når min hjemmeside deles på X?

Tilføj et `twitter:card`-tag sat til `summary_large_image` og et Open Graph-billede på 1200×630 pixels i hver sides head.

### Hvordan får jeg min X-profil til at se mere professionel ud?

Brug det samme enkle profilbillede overalt, en header med én tydelig linje og billeder i opslag, der deler én familie af baggrunde og én skrifttype.
