# Bluesky bannerstorlek: 3000 x 1000 och inläggsbilder

[Canonical HTML page](https://gradiently.design/sv/guide/bluesky-banner-size)

Din Bluesky-banner är det bredaste på din profil och det första en ny följare ser. Här är storleken, hörnet som din profilbild täcker och hur du storleksanpassar bilderna i dina inlägg.

## The short version

- Bluesky bannerstorlek är 3000×1000 pixlar, en 3:1-header längs toppen av din profil.
- Din runda profilbild överlappar bannerns nedre vänstra del, så håll text och logotyper borta från det hörnet.
- Bannern beskärs något olika på telefon och dator, så viktiga detaljer hör hemma i mitten.
- Den rekommenderade bildstorleken för Bluesky-inlägg är 1600×900 pixlar, en liggande 16:9-ram.
- Bluesky låter dig lägga till alternativtext på varje bild, och en tydlig beskrivning gör varje bildinlägg mer användbart.

**Bluesky bannerstorlek** är 3000×1000 pixlar, en bred 3:1-header som löper över toppen av din profil. Din runda profilbild ligger över dess nedre vänstra hörn, och den synliga beskärningen skiftar något mellan mobilappen och webbplatsen, så håll text och logotyper i mitten och på högra sidan av ramen, bort från profilbilden. För bilder i inlägg, använd 1600×900 pixlar, en liggande 16:9-ram, eller en stående bild när innehållet är högt.

## Mått för Bluesky-banner

| Bild | Storlek | Förhållande |
| --- | --- | --- |
| Profilbanner | 3000×1000 px | 3:1 |
| Inläggsbild (liggande) | 1600×900 px | 16:9 |
| Inläggsbild (stående) | 1080×1350 px | 4:5 |
| Inläggsbild (kvadrat) | 1080×1080 px | 1:1 |

Bannern är den enda Bluesky-bilden med fast form. Inläggsbilder kan ha andra proportioner.

- Bluesky-banner 3:1: 3000 × 1000
- X-header 3:1: 1500 × 500
- LinkedIn-banner 4:1: 1584 × 396

Blueskys banner delar Xs 3:1-form med dubbelt så många pixlar, så en design kan tjäna båda. LinkedIns är mycket smalare.

Eftersom Bluesky-bannern och [X-headern](https://gradiently.design/sv/guide/x-header-size) delar förhållandet 3:1 kan du designa en gång i 3000×1000 och exportera en kopia på 1500×500 för X. Den extra upplösningen håller fin text och gradienter skarpa på stora skärmar med hög täthet. Exportera PNG för grafik och text, JPEG för fotografier.

## Där profilbilden överlappar bannern

På din profil ligger profilcirkeln på bannerns nedre kant, nära vänster. Allt som designats in i det hörnet täcks, delvis eller helt, beroende på skärmen. Resten av bannern är öppen, även om högra sidan kan beskäras på smala telefoner. [Säkra zoner i sociala medier](https://gradiently.design/sv/guide/social-media-safe-zones) kartlägger samma problem över alla plattformar.

| Zon | Ungefärlig yta | Lägg här |
| --- | --- | --- |
| Profilbildens hörn | Vänstra tredjedelen, nedre halvan | Bara bakgrund |
| Mitten | Mellersta tredjedelen, full höjd | Din rubrik, logotyp eller huvudbild |
| Höger | Högra tredjedelen | Stöddetaljer, inget väsentligt |
| Övre och nedre kanten | Omkring 100 px var | Bara bakgrund, eftersom beskärningen varierar |

En arbetskarta snarare än officiella pixelvärden. Förhandsgranska bannern på en telefon och på webben innan du bestämmer dig.

En Bluesky-banner på 3000 gånger 1000 med orden Anteckningar om långsam design centrerade och ett öppet nedre vänstra hörn för profilbilden

Orden centrerade, det nedre vänstra lämnat åt profilbilden och bakgrunden löpande från kant till kant.

## Idéer till Bluesky-banner

En banner behöver inte mycket. Den ligger bakom ditt namn och din bio, så den fungerar bäst som stämning med en idé: vad du gör, vad du postar eller helt enkelt en färg som blir din. Stökiga banners konkurrerar med profilbilden och biotexten precis under.

- **Ren stämning.** En gradient eller ett material i dina färger helt utan ord. Lugnt, och det blir aldrig inaktuellt.
- **En rad.** Vad folk får genom att följa dig: ”Dagliga anteckningar om typografi”, ”Fältinspelningar från kusten”.
- **Ditt arbete.** Ett brett utsnitt av ett foto, en illustration eller en produkt, med motivet i mittersta tredjedelen.
- **Något aktuellt.** En bok, lansering eller föreställning, med datum. Kom ihåg att byta när det är över.

- Himmel till djupblått: `linear-gradient(100deg, #0a1a3f 0%, #1d4ed8 50%, #7dd3fc 100%)`
- Sen sol, centrerad: `radial-gradient(ellipse at 60% 40%, #fde68a 0%, #fb923c 40%, #7c2d12 90%)`
- Nattviolett: `linear-gradient(100deg, #111827 0%, #312e81 55%, #a78bfa 100%)`
- Morgondis: `linear-gradient(100deg, #f8fafc 0%, #e0f2fe 50%, #bae6fd 100%)`

Fyra bannerbottnar. Var och en håller sin mörkaste eller lugnaste yta till vänster, där profilbilden behöver kontrast för att synas.

Lägg märke till vänstra sidan på var och en. Profilbilden behöver kontrast mot bannern för att synas, så en mörkare eller enklare vänsterkant hjälper en ljus profilbild, och en ljus vänsterkant hjälper en mörk. Det är samma resonemang som för en [logotyp på gradientbakgrund](https://gradiently.design/sv/guide/logo-on-gradient-background).

### Undvik

- En logotyp eller ett namn nere till vänster, under profilbilden
- Liten text som krymper till ingenting på en telefon
- Ett foto vars motiv ligger längst ut i kanten
- Ett stökigt mönster bakom bion
- En fil på 1500×500 som sträckts upp för att passa

### Gör

- Nyckelinnehåll i mittersta tredjedelen
- En rad i stor text, eller inga ord alls
- Motiv centrerade, kanter som bakgrund
- En lugn yta längs nederkanten
- En full export på 3000×1000

De flesta bannerproblem kommer av att man designar på en laptop och aldrig kollar en telefon. Ladda upp, öppna din profil i appen och sedan i en webbläsare på dator, och titta på hörnet under profilbilden och längst ut till höger i båda. Om något viktigt skärs bort, flytta det mot mitten och ladda upp igen. Det tar en minut och hindrar bannern från att se slarvig ut för varje ny besökare.

## Bildstorlek för Bluesky-inlägg

För bilder i inlägg är 1600×900 den pålitliga storleken: den visas i sin helhet i flödet på telefon och dator. Stående bilder i 1080×1350 är tillåtna och tar mer lodrät plats, vilket passar affischer och diagram, även om flödet kan visa dem i en kortare förhandsvisning tills man trycker. Du kan bifoga flera bilder till ett inlägg och de ordnas i ett rutnät, så håll en uppsättning i samma proportioner.

En Bluesky-inläggsbild på 1600 gånger 900 som tillkännager nummer 40 av ett nyhetsbrev

En liggande inläggsbild i 1600×900, den säkraste Bluesky-formen.

En stående inläggsbild på 1080 gånger 1350 för en tryckmässa på lördag

En stående affisch i 1080×1350, större i flödet men ibland förhandsvisad kortare.

> **Skriv alternativtexten** Varje bild du bifogar på Bluesky har en knapp för alternativtext, och många i nätverket läser och värdesätter den. Beskriv vad bilden säger: ”Affisch: tryckmässa, lördag, monter 14, 10:00 till 17:00”. Om bilden innehåller ord ska alternativtexten göra det också.

## Håll din Bluesky-profil i linje med varumärket

Banner, profilbild och inläggsbilder läses som en profil, så ge dem en bakgrundsfamilj. Samma färg eller material bakom din banner, dina tillkännagivanden och dina citatkort gör att en scrollande besökare känner igen dig innan hen läser ditt användarnamn. Alla andra plattformars storlekar finns i [bildstorlekar för sociala medier](https://gradiently.design/sv/guide/social-media-image-sizes), och vanan att hålla ett utseende över dem finns i [varumärkeskonsekvens](https://gradiently.design/sv/guide/brand-consistency).

I Gradiently väljer du en Mark, designar 3000×1000-bannern en gång och med Pro ändrar du storlek till X-header, LinkedIn-banner och inläggsstorlekar i ett steg, var och en renderad på nytt för sin form i stället för beskuren. Ord på Marken förblir läsbara eftersom den lugnar sig själv bakom dem. Vill du ha ett utseende som bara är ditt, bläddra i [Marknaden](/market).

## FAQ

### Hur stor är en Bluesky-banner?

3000×1000 pixlar, förhållandet 3:1.

### Vilken storlek ska bilder i Bluesky-inlägg ha?

1600×900 pixlar, en liggande 16:9-ram, visas pålitligt i flödet. Stående 1080×1350 och kvadratiskt 1080×1080 fungerar också.

### Kan jag använda min X-header på Bluesky?

Ja. Båda är 3:1, så en design på 3000×1000 skalad till 1500×500 tjänar X och full storlek tjänar Bluesky. Kontrollera profilbildens läge på var och en.

### Var ligger profilbilden på en Bluesky-banner?

Över bannerns nedre vänstra del, så håll text och logotyper borta från det hörnet och i mitten.