# Bluesky-bannerformaat: 3000 x 1000 en postafbeeldingen

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

Je Bluesky-banner is het breedste op je profiel en het eerste wat een nieuwe volger ziet. Hier staan het formaat, de hoek die je avatar bedekt en hoe je de afbeeldingen in je posts formaat geeft.

## The short version

- Het Bluesky-bannerformaat is 3000×1000 pixels, een header van 3:1 over de bovenkant van je profiel.
- Je ronde profielfoto overlapt de linkeronderhoek van de banner, dus houd woorden en logo’s uit die hoek.
- De banner wordt op telefoons en desktop net anders bijgesneden, dus belangrijk detail hoort in het midden.
- Het aanbevolen formaat voor een Bluesky-postafbeelding is 1600×900 pixels, een liggend kader van 16:9.
- Met Bluesky kun je bij elke afbeelding alt-tekst toevoegen, en een duidelijke beschrijving maakt elke afbeeldingspost nuttiger.

Het **Bluesky-bannerformaat** is 3000×1000 pixels, een brede header van 3:1 over de bovenkant van je profiel. Je ronde avatar zit over de linkeronderhoek, en de zichtbare uitsnede verschilt een beetje tussen de telefoon-app en de website, dus houd woorden en logo’s in het midden en rechts van het kader, weg van de avatar. Gebruik voor afbeeldingen in posts 1600×900 pixels, een liggend kader van 16:9, of een staande afbeelding als de inhoud hoog is.

## Afmetingen van de Bluesky-banner

| Afbeelding | Formaat | Verhouding |
| --- | --- | --- |
| Profielbanner | 3000×1000 px | 3:1 |
| Postafbeelding (liggend) | 1600×900 px | 16:9 |
| Postafbeelding (staand) | 1080×1350 px | 4:5 |
| Postafbeelding (vierkant) | 1080×1080 px | 1:1 |

De banner is de enige Bluesky-afbeelding met een vaste vorm. Postafbeeldingen kunnen andere verhoudingen hebben.

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

De banner van Bluesky deelt de vorm van 3:1 met X, met twee keer zoveel pixels, dus één ontwerp kan beide dienen. Die van LinkedIn is veel smaller.

Omdat de Bluesky-banner en de [X-header](https://gradiently.design/nl/guide/x-header-size) dezelfde verhouding van 3:1 delen, ontwerp je één keer op 3000×1000 en exporteer je een kopie van 1500×500 voor X. De extra resolutie houdt fijne letters en verlopen scherp op grote schermen met hoge dichtheid. Exporteer PNG voor beeld en tekst, JPEG voor foto’s.

## Waar de avatar de banner overlapt

Op je profiel zit de avatarcirkel op de onderrand van de banner, links. Alles wat in die hoek is ontworpen wordt bedekt, deels of geheel, afhankelijk van het scherm. De rest van de banner is vrij, al kan de rechterkant op smalle telefoons worden afgesneden. [Veilige zones op social media](https://gradiently.design/nl/guide/social-media-safe-zones) brengt hetzelfde probleem in kaart voor elk platform.

| Zone | Ongeveer gebied | Zet hier |
| --- | --- | --- |
| Avatarhoek | Linker derde, onderste helft | Alleen achtergrond |
| Midden | Middelste derde, volledige hoogte | Je kop, logo of hoofdafbeelding |
| Rechts | Rechter derde | Ondersteunend detail, niets essentieels |
| Boven- en onderrand | Ongeveer 100 px elk | Alleen achtergrond, omdat uitsneden variëren |

Een werkkaart in plaats van officiële pixelwaarden. Bekijk de banner op een telefoon en op het web voordat je kiest.

Een Bluesky-banner van 3000 bij 1000 met de woorden Notities over trage vormgeving in het midden en een vrije linkeronderhoek voor de avatar

Woorden gecentreerd, de linkeronderhoek overgelaten aan de avatar en de achtergrond van rand tot rand.

## Ideeën voor een Bluesky-banner

Een banner hoeft niet veel te zijn. Hij zit achter je naam en bio, dus hij werkt het best als sfeer met één idee: wat je doet, wat je post, of simpelweg een kleur die de jouwe wordt. Drukke banners concurreren met de avatar en de biotekst er direct onder.

- **Pure sfeer.** Een verloop of materiaal in je kleuren zonder woorden. Rustig, en het veroudert nooit.
- **Eén regel.** Wat mensen krijgen door je te volgen: “Dagelijkse notities over letters”, “Veldopnamen van de kust”.
- **Je werk.** Een brede uitsnede van een foto, illustratie of product, met het onderwerp in het middelste derde deel.
- **Iets actueels.** Een boek, lancering of show, met een datum. Denk eraan het te wijzigen als het voorbij is.

- Hemel naar diepblauw: `linear-gradient(100deg, #0a1a3f 0%, #1d4ed8 50%, #7dd3fc 100%)`
- Late zon, gecentreerd: `radial-gradient(ellipse at 60% 40%, #fde68a 0%, #fb923c 40%, #7c2d12 90%)`
- Nachtviolet: `linear-gradient(100deg, #111827 0%, #312e81 55%, #a78bfa 100%)`
- Ochtendnevel: `linear-gradient(100deg, #f8fafc 0%, #e0f2fe 50%, #bae6fd 100%)`

Vier bannerondergronden. Elk houdt zijn donkerste of rustigste gebied links, waar de avatar contrast nodig heeft om op te vallen.

Kijk naar de linkerkant van elk. De avatar heeft contrast met de banner nodig om op te vallen, dus een donkerdere of effenere linkerrand helpt een lichte avatar, en een lichte linkerrand een donkere. Dit is dezelfde redenering als bij een [logo op een verloopachtergrond](https://gradiently.design/nl/guide/logo-on-gradient-background).

### Vermijd

- Een logo of naam linksonder, onder de avatar
- Kleine tekst die op een telefoon tot niets krimpt
- Een foto waarvan het onderwerp aan de uiterste rand staat
- Een druk patroon achter de bio
- Een bestand van 1500×500 dat is opgerekt om te passen

### Doe

- Belangrijke inhoud in het middelste derde deel
- Eén regel groot gezet, of geen woorden
- Onderwerpen gecentreerd, randen als achtergrond
- Een rustig gebied langs de onderrand
- Een volledige export van 3000×1000

De meeste bannerproblemen komen voort uit ontwerpen op een laptop en nooit een telefoon bekijken. Upload, open je profiel in de app en daarna in een desktopbrowser, en kijk naar de hoek onder de avatar en de uiterste rechterrand in beide. Wordt iets belangrijks afgesneden, schuif het dan naar het midden en upload opnieuw; het kost een minuut en voorkomt dat de banner er voor elke nieuwe bezoeker slordig uitziet.

## Formaat van Bluesky-postafbeeldingen

Voor afbeeldingen in posts is 1600×900 het betrouwbare formaat: het toont volledig in de feed op telefoons en desktop. Staande afbeeldingen van 1080×1350 zijn toegestaan en nemen meer verticale ruimte in, wat past bij posters en grafieken, al kan de feed ze in een kortere voorvertoning tonen tot je erop tikt. Je kunt meerdere afbeeldingen aan één post toevoegen en ze ordenen zich in een raster, dus houd een set in dezelfde verhoudingen.

Een Bluesky-postafbeelding van 1600 bij 900 die nummer 40 van een nieuwsbrief aankondigt

Een liggende postafbeelding van 1600×900, de veiligste Bluesky-vorm.

Een staande postafbeelding van 1080 bij 1350 voor een drukkersbeurs op zaterdag

Een staande poster van 1080×1350, groter in de feed maar soms korter getoond in de voorvertoning.

> **Schrijf de alt-tekst** Elke afbeelding die je op Bluesky toevoegt heeft een knop voor alt-tekst, en veel mensen op het netwerk lezen en waarderen die. Beschrijf wat de afbeelding zegt: “Poster: drukkersbeurs, zaterdag, kraam 14, 10:00 tot 17:00”. Bevat de afbeelding woorden, dan moet de alt-tekst ze ook bevatten.

## Houd je Bluesky-profiel in je merklook

Banner, avatar en postafbeeldingen lezen als één profiel, dus geef ze één achtergrondfamilie. Dezelfde kleur of hetzelfde materiaal achter je banner, je aankondigingsafbeeldingen en je citaatkaarten laat een scrollende bezoeker je herkennen voordat hij je gebruikersnaam leest. Alle formaten van andere platforms staan in [afbeeldingsformaten voor social media](https://gradiently.design/nl/guide/social-media-image-sizes), en de gewoonte om een look over alle te houden staat in [merkconsistentie](https://gradiently.design/nl/guide/brand-consistency).

In Gradiently kies je een Mark, ontwerp je de banner van 3000×1000 één keer en wijzig je met Pro in één stap het formaat naar de X-header, LinkedIn-banner en postformaten, elk vers gerenderd voor zijn vorm in plaats van bijgesneden. Woorden op de Mark blijven leesbaar omdat hij zich erachter kalmeert. Wil je een look die alleen van jou is, blader dan door de [Markt](/market).

## FAQ

### Welk formaat heeft een Bluesky-banner?

3000×1000 pixels, een verhouding van 3:1.

### Welk formaat moeten afbeeldingen in Bluesky-posts hebben?

1600×900 pixels, een liggend kader van 16:9, toont betrouwbaar in de feed. Staand 1080×1350 en vierkant 1080×1080 werken ook.

### Kan ik mijn X-header op Bluesky gebruiken?

Ja. Beide zijn 3:1, dus een ontwerp van 3000×1000 geschaald naar 1500×500 dient X en het volledige formaat dient Bluesky. Check de avatarpositie op elk.

### Waar zit de avatar op een Bluesky-banner?

Over de linkeronderhoek van de banner, dus houd woorden en logo’s uit die hoek en in het midden.