# Varumärke på X: header, profilbild och inläggsbilder
[Canonical HTML page](https://gradiently.design/sv/guide/x-branding)
På X syns ditt varumärke mest som en liten cirkel bredvid några rader text. Det gör de få visuella saker du styr över viktigare, inte mindre viktiga.
## The short version
- Varumärkesbyggande på X vilar på fyra visuella delar: profilbilden, headern på 1500×500, inläggsbilder och länkkorten som din webbplats skapar.
- Profilbilden visas bredvid varje inlägg och svar, så den bör vara en enkel symbol eller ett tätt porträtt som går att läsa i mycket liten storlek.
- Inläggsbilder på X fungerar bäst i 1600×900 för liggande eller 1080×1350 för stående.
- Länkkort kommer från din webbplats metataggar, så en Open Graph-bild på 1200×630 i din varumärkeslook gör varje delad länk igenkännbar.
- Samma bakgrundsfamilj på headern, inläggsbilderna och länkkorten binder ihop utspridda inlägg till ett synligt varumärke.
**Varumärkesbyggande på X** handlar om fyra visuella delar du styr över: profilbilden bredvid varje inlägg, headern på 1500×500 på din profil, bilderna du bifogar inlägg och de länkkort som din egen webbplats skapar när någon delar den. Oftast möter folk dig som en liten cirkel och några rader text i ett snabbt flöde. Därför måste varje del vara enkel, och alla fyra måste se ut att komma från samma ställe.
## Ditt varumärkeskit för X i korthet
| Visuell del | Storlek | Var folk ser den |
| --- | --- | --- |
| Profilbild | Kvadrat, visas som en cirkel | Bredvid varje inlägg, svar och omnämnande |
| Header | 1500×500 | Överst på din profil |
| Liggande inläggsbild | 1600×900 | I flödet, i full bredd |
| Stående inläggsbild | 1080×1350 | I flödet, högre på telefoner |
| Länkkort | 1200×630 | Så fort någon delar din webbplats |
Fem delar. Designa dem som en uppsättning på en bakgrund så ser kontot genomtänkt ut även när inläggen är vardagliga.
## En profilbild som överlever flödet
Din profilbild är den bild som upprepas mest. Den sitter bredvid varje svar, i aviseringar och i andras citatinlägg, ofta mindre än en fingernagel. En hel logotyp med ordmärke försvinner i den storleken. Använd en enda symbol, ett monogram eller ett tätt porträtt från axlarna och upp, på en enfärgad eller mjukt belyst bakgrund i din varumärkesfärg. Behåll den lika på alla plattformar, så att de som följer dig någon annanstans känner igen dig direkt.
> **Undvik att byta ofta** Folk scrollar efter form och färg, inte genom att läsa namn. En ny profilbild var några veckor nollställer den igenkänning du har byggt upp.
## Att designa headern på X
Headern är 1500×500, en remsa på 3:1. Profilbilden överlappar dess nedre vänstra del, och olika skärmar beskär överkanten och nederkanten något, så håll orden i mittbandet och bort från det hörnet. En rad fungerar bäst: vad du gör, vad du bygger eller det enda du vill att en besökare ska minnas. Fäst ett inlägg som utvecklar den. [Storlek på header för X](https://gradiently.design/sv/guide/x-header-size) går igenom säkra ytor i detalj.
En X-header på 1500 gånger 500 med raden Små verktyg för stora kalkylblad på en gradientbakgrund
En rad, placerad i mitten till höger, på samma bakgrund som kontot använder för varje inläggsbild.
Se det fästa inlägget som headerns andra hälft. En besökare läser raden i headern, kastar en blick på biografin och ser sedan det fästa inlägget direkt under. Gör det inlägget till den bästa korta presentationen av vad du gör, med en bild i samma look, och uppdatera det när du har något bättre att visa. Några som fungerar bra:
- **En presentation i en bild:** vem du är, vad du gör, vad man kan förvänta sig om man följer.
- **Din bästa tråd,** med en numrerad omslagsbild så att den läses som en serie.
- **En aktuell lansering eller ett erbjudande,** som byts ut så fort det är slut så att det aldrig blir inaktuellt.
## Inläggsbilder som ser ut som dina
De flesta inlägg på X består av ord, och så ska det förbli. Lägg till en bild när den gör ett jobb: ramar in en nyckelrad, visar ett resultat, tillkännager något eller bär ett diagram. När du gör det, använd en liten uppsättning layouter på en bakgrundsfamilj så att folk lär sig känna igen dem mitt i scrollandet.
En liggande inläggsbild på X som tillkännager tre gånger snabbare importer i version 2.4 på en gradientbakgrund
Ett liggande uppdateringskort i 1600×900. Ett tal, en rad sammanhang.
En stående inläggsbild på X med citatet Släpp den tråkiga versionen först på samma gradientbakgrund
Ett stående citatkort i 1080×1350, som tar mer plats på en telefonskärm.
Håll texten stor: folk läser X på telefoner, och flödet visar bilder mindre än du designade dem. Två eller tre ord per rad, en idé per bild. [Design av inläggsbilder för X](https://gradiently.design/sv/guide/x-post-image-design) och [grafik till trådar på X](https://gradiently.design/sv/guide/x-thread-graphics) har fler layouter, inklusive numrerade bilder för långa trådar.
## Länkkort är en del av ditt varumärke
Varje gång någon delar din webbplats på X kommer kortet som visas från sidans metataggar. Utan dem visar X en vanlig länk eller ett slumpmässigt utsnitt. Med en bild på 1200×630 i din varumärkeslook bär varje delning, även de du aldrig ser, din look in i flödet. X läser sina egna `twitter:`-taggar först och faller tillbaka på Open Graph.
```html
```
Minimum för ett kort med stor bild. Använd en absolut https-adress för bilden och en annan bild för varje viktig sida.
Designa länkbilden som en liten affisch: sidans titel, en kort rad, din varumärkesbakgrund och generösa marginaler eftersom X rundar hörnen. [Storlek på Open Graph-bild](https://gradiently.design/sv/guide/open-graph-image-size) går igenom testning och cachning.
## Misstag att undvika i varumärket på X
### Undvik
- En detaljrik logotyp som profilbild
- En header packad med slogan, användarnamn och webbplats
- Ord i headerns nedre vänstra hörn
- Skärmdumpar med liten text som inläggsbilder
- Att lämna länkkorten åt slumpen
### Gör så här
- En enkel symbol eller ett porträtt, behållet i åratal
- En tydlig rad på en varumärkesbakgrund
- Text i mitten eller till höger om mitten
- Stor text, två eller tre ord per rad
- Ett designat kort på 1200×630 för varje nyckelsida
Det enklaste sättet att hålla alla fem delarna i takt är att göra dem av en och samma design. I Gradiently kan du designa en gång på en Mark och, med Pro, ändra storlek till varje format i ett steg, så att headern, inläggskorten och länkbilden delar samma ljus och färg. Marken gör plats för dina ord i varje storlek, vilket spelar roll på en remsa på 3:1 där det finns väldigt lite utrymme. För överblicken över flera plattformar, läs [enhetligt varumärke i sociala medier](https://gradiently.design/sv/guide/brand-consistency-across-platforms).
## FAQ
### Hur stor är headern på X (Twitter)?
1500×500 pixlar, förhållandet 3:1. Håll orden i mittbandet och bort från nedre vänstra hörnet, där profilbilden sitter.
### Vilken storlek ska bilder i inlägg på X ha?
1600×900 för liggande eller 1080×1350 för stående. Stående bilder tar mer plats på telefoner.
### Ska min profilbild på X vara en logotyp eller ett foto?
Använd det som läses tydligt som en liten cirkel: en enkel symbol, ett monogram eller ett tätt porträtt. Undvik detaljrika logotyper och liten text.
### Hur styr jag bilden när min webbplats delas på X?
Lägg till en `twitter:card`-tagg satt till `summary_large_image` och en Open Graph-bild på 1200×630 pixlar i varje sidas head.
### Hur får jag min X-profil att se mer professionell ut?
Använd samma enkla profilbild överallt, en header med en tydlig rad och inläggsbilder som delar en bakgrundsfamilj och ett typsnitt.