Die Kurzfassung
- 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.
Auf dieser Seite
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
Größe
Verhältnis
Größe
Verhältnis
Größe
Verhältnis
Größe
Verhältnis
Bluesky-Banner 3:1
3000 × 1000
X-Header 3:1
1500 × 500
LinkedIn-Banner 4:1
1584 × 396
Da das Bluesky-Banner und der X-Header 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 zeigt dasselbe Problem für jede Plattform.
Ungefähre Fläche
Hierhin gehört
Hierhin gehört
Hierhin gehört
Ungefähre Fläche
Hierhin gehört
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.
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.
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 Beitragsbild im Querformat in 1600×900, die sicherste Bluesky-Form.
Ein Hochformat-Poster in 1080×1350, im Feed größer, aber manchmal kürzer vorgeschaut.
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, und die Gewohnheit, einen Look über sie hinweg zu halten, in Markenkonsistenz.
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.
Häufige Fragen
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.
Geschrieben von Gradiently
Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.
Unser Profil ansehen