# Bluesky Bannergröße: 3000 x 1000 und Beitragsbilder

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

Dein Bluesky-Banner ist das breiteste Element deines Profils und das Erste, was ein neuer Follower sieht. Hier stehen Größe, die vom Avatar verdeckte Ecke und die Größe der Bilder in deinen Beiträgen.

## The short version

- Die Bluesky Bannergröße ist 3000×1000 Pixel, ein Header im Verhältnis 3:1 am oberen Rand deines Profils.
- Dein rundes Profilbild überlappt die untere linke Ecke des Banners, halte Worte und Logos also aus dieser Ecke fern.
- Das Banner wird auf dem Handy und am Desktop leicht unterschiedlich zugeschnitten, wichtige Details gehören daher in die Mitte.
- Die empfohlene Größe für Bluesky-Beitragsbilder ist 1600×900 Pixel, ein 16:9-Querformat.
- Bluesky lässt dich jedem Bild Alternativtext hinzufügen, und eine klare Beschreibung macht jeden Bildbeitrag nützlicher.

Die **Bluesky Bannergröße** ist 3000×1000 Pixel, ein breiter Header im Verhältnis 3:1 am oberen Rand deines Profils. Dein runder Avatar sitzt über der unteren linken Ecke, und der sichtbare Ausschnitt verschiebt sich leicht zwischen Handy-App und Website, halte Worte und Logos also in der Mitte und rechts im Bild, weg vom Avatar. Für Bilder in Beiträgen nimm 1600×900 Pixel, ein 16:9-Querformat, oder ein Hochformat, wenn der Inhalt hoch ist.

## Bluesky Banner: Maße

| Bild | Größe | Verhältnis |
| --- | --- | --- |
| Profilbanner | 3000×1000 px | 3:1 |
| Beitragsbild (Querformat) | 1600×900 px | 16:9 |
| Beitragsbild (Hochformat) | 1080×1350 px | 4:5 |
| Beitragsbild (quadratisch) | 1080×1080 px | 1:1 |

Das Banner ist das einzige Bluesky-Bild mit fester Form. Beitragsbilder können andere Proportionen haben.

- Bluesky-Banner 3:1: 3000 × 1000
- X-Header 3:1: 1500 × 500
- LinkedIn-Banner 4:1: 1584 × 396

Das Bluesky-Banner teilt die 3:1-Form von X bei doppelter Pixelzahl, ein Design kann also beide bedienen. Das von LinkedIn ist deutlich schmaler.

Da das Bluesky-Banner und der [X-Header](https://gradiently.design/de/guide/x-header-size) dasselbe Verhältnis 3:1 haben, gestalte einmal in 3000×1000 und exportiere eine Kopie in 1500×500 für X. Die zusätzliche Auflösung hält feine Schrift und Verläufe auf großen Bildschirmen mit hoher Dichte scharf. Exportiere PNG für Grafiken und Text, JPEG für Fotos.

## Wo der Avatar das Banner überlappt

In deinem Profil sitzt der Avatarkreis am unteren Rand des Banners, nahe links. Alles, was du in diese Ecke gestaltest, wird je nach Bildschirm teilweise oder ganz verdeckt. Der Rest des Banners ist frei, auch wenn die rechte Seite auf schmalen Handys beschnitten werden kann. [Sicherheitszonen in Social Media](https://gradiently.design/de/guide/social-media-safe-zones) zeigt dasselbe Problem für jede Plattform.

| Zone | Ungefähre Fläche | Hierhin gehört |
| --- | --- | --- |
| Avatar-Ecke | Linkes Drittel, untere Hälfte | Nur Hintergrund |
| Mitte | Mittleres Drittel, volle Höhe | Überschrift, Logo oder Hauptbild |
| Rechts | Rechtes Drittel | Ergänzende Details, nichts Wesentliches |
| Oberer und unterer Rand | Etwa je 100 px | Nur Hintergrund, da die Zuschnitte variieren |

Eine Arbeitskarte, keine offiziellen Pixelwerte. Sieh dir das Banner auf dem Handy und im Web an, bevor du dich festlegst.

Ein Bluesky-Banner in 3000 mal 1000 mit dem Text Notizen zu langsamem Design in der Mitte und einer freien unteren linken Ecke für den Avatar

Worte mittig, die untere linke Ecke dem Avatar überlassen, der Hintergrund läuft von Rand zu Rand.

## Ideen für Bluesky-Banner

Ein Banner braucht nicht viel. Es liegt hinter deinem Namen und deiner Bio und wirkt am besten als Atmosphäre mit einer Idee: was du machst, was du postest oder schlicht eine Farbe, die deine wird. Unruhige Banner konkurrieren mit dem Avatar und dem Bio-Text direkt darunter.

- **Reine Atmosphäre.** Ein Verlauf oder Material in deinen Farben, ganz ohne Worte. Ruhig, und es veraltet nie.
- **Eine Zeile.** Was man vom Folgen hat: „Tägliche Notizen zur Typografie“, „Feldaufnahmen von der Küste“.
- **Deine Arbeit.** Ein breiter Ausschnitt eines Fotos, einer Illustration oder eines Produkts, das Motiv im mittleren Drittel.
- **Etwas Aktuelles.** Ein Buch, ein Launch oder eine Show, mit Datum. Denk daran, es zu ändern, wenn es vorbei ist.

- Himmel zu Tiefblau: `linear-gradient(100deg, #0a1a3f 0%, #1d4ed8 50%, #7dd3fc 100%)`
- Späte Sonne, mittig: `radial-gradient(ellipse at 60% 40%, #fde68a 0%, #fb923c 40%, #7c2d12 90%)`
- Nachtviolett: `linear-gradient(100deg, #111827 0%, #312e81 55%, #a78bfa 100%)`
- Morgendunst: `linear-gradient(100deg, #f8fafc 0%, #e0f2fe 50%, #bae6fd 100%)`

Vier Bannerhintergründe. Jeder hält seine dunkelste oder ruhigste Zone links, wo der Avatar Kontrast braucht.

Achte auf die linke Seite jedes Banners. Der Avatar braucht Kontrast zum Banner, damit er hervortritt, ein dunklerer oder schlichterer linker Rand hilft also einem hellen Avatar, ein heller linker Rand einem dunklen. Das ist dieselbe Überlegung wie beim [Logo auf Verlaufshintergrund](https://gradiently.design/de/guide/logo-on-gradient-background).

### Vermeiden

- Ein Logo oder Name unten links, unter dem Avatar
- Kleiner Text, der auf dem Handy zu nichts schrumpft
- Ein Foto, dessen Motiv ganz am Rand sitzt
- Ein unruhiges Muster hinter der Bio
- Eine Datei in 1500×500, auf Größe gezogen

### Besser so

- Wichtiger Inhalt im mittleren Drittel
- Eine Zeile groß gesetzt oder gar keine Worte
- Motive mittig, Ränder als Hintergrund
- Eine ruhige Zone am unteren Rand
- Ein voller Export in 3000×1000

Die meisten Bannerprobleme entstehen, weil man am Laptop gestaltet und nie das Handy prüft. Lade hoch, öffne dein Profil in der App, dann im Desktop-Browser und sieh dir in beiden die Ecke unter dem Avatar und den äußersten rechten Rand an. Ist etwas Wichtiges abgeschnitten, schiebe es zur Mitte und lade neu hoch; das dauert eine Minute und bewahrt das Banner davor, auf jeden neuen Besucher nachlässig zu wirken.

## Bluesky Beitragsbild: Größe

Für Bilder in Beiträgen ist 1600×900 die verlässliche Größe: Sie wird im Feed auf Handy und Desktop vollständig gezeigt. Hochformate in 1080×1350 sind erlaubt und brauchen mehr vertikalen Platz, was zu Postern und Grafiken passt, auch wenn der Feed sie bis zum Antippen in kürzerer Vorschau zeigen kann. Du kannst mehrere Bilder an einen Beitrag hängen, sie ordnen sich in einem Raster, also halte ein Set in denselben Proportionen.

Ein Bluesky-Beitragsbild in 1600 mal 900, das Ausgabe 40 eines Newsletters ankündigt

Ein Beitragsbild im Querformat in 1600×900, die sicherste Bluesky-Form.

Ein Hochformat-Beitragsbild in 1080 mal 1350 für eine Printmesse am Samstag

Ein Hochformat-Poster in 1080×1350, im Feed größer, aber manchmal kürzer vorgeschaut.

> **Schreibe den Alternativtext** Jedes Bild, das du auf Bluesky anhängst, hat eine Schaltfläche für Alternativtext, und viele im Netzwerk lesen und schätzen ihn. Beschreibe, was das Bild sagt: „Poster: Printmesse, Samstag, Stand 14, 10:00 bis 17:00“. Enthält das Bild Worte, sollte der Alternativtext sie auch enthalten.

## Halte dein Bluesky-Profil im Branding

Banner, Avatar und Beitragsbilder wirken als ein Profil, gib ihnen also eine Hintergrundfamilie. Dieselbe Farbe oder dasselbe Material hinter Banner, Ankündigungsbildern und Zitatkarten lässt einen scrollenden Besucher dich erkennen, bevor er deinen Handle liest. Die Größen aller anderen Plattformen stehen in [Bildgrößen für Social Media](https://gradiently.design/de/guide/social-media-image-sizes), und die Gewohnheit, einen Look über sie hinweg zu halten, in [Markenkonsistenz](https://gradiently.design/de/guide/brand-consistency).

In Gradiently wählst du einen Mark, gestaltest das Banner in 3000×1000 einmal und passt es mit Pro in einem Schritt an X-Header, LinkedIn-Banner und Beitragsgrößen an, jedes frisch für seine Form berechnet statt zugeschnitten. Worte auf dem Mark bleiben lesbar, weil er sich dahinter beruhigt. Willst du einen Look, der nur dir gehört, stöbere im [Markt](/market).

## FAQ

### Welche Größe hat ein Bluesky-Banner?

3000×1000 Pixel, ein Verhältnis von 3:1.

### Welche Größe sollten Bilder in Bluesky-Beiträgen haben?

1600×900 Pixel, ein 16:9-Querformat, wird im Feed verlässlich gezeigt. Auch Hochformat 1080×1350 und quadratisch 1080×1080 funktionieren.

### Kann ich meinen X-Header auf Bluesky nutzen?

Ja. Beide sind 3:1, ein Design in 3000×1000, auf 1500×500 skaliert, bedient X, die volle Größe Bluesky. Prüfe auf beiden die Position des Avatars.

### Wo sitzt der Avatar auf einem Bluesky-Banner?

Über der unteren linken Ecke des Banners, halte Worte und Logos also aus dieser Ecke fern und in der Mitte.