Größe des Bluesky-Banners
Ein Bluesky-Profil-Banner misst 3000 mal 1000 Pixel bei 3:1, wobei der Avatar die untere linke Ecke überlappt. Schneiden Sie es hier mit dieser Überschneidung zu – und da X das gleiche Verhältnis bei 1500 mal 500 hat, dient ein Zuschnitt beiden Profilen.
PNG, JPG, WebP oder GIF hierher ziehen
oder irgendwo auf der Seite ablegen · Datei auswählen · 100 MB
Unterstützt: PNG, JPG, JPEG, WebP, GIF, AVIF
Größe des Bluesky-Banners erklärt
Das Profil-Banner von Bluesky ist ein 3:1-Streifen bei 3000 mal 1000 Pixel. Das Verhältnis ist dasselbe wie ein X-Header; die Auflösung ist in jede Richtung doppelt so groß, was es auf hochauflösenden Bildschärfern merklich schärfer macht und bedeutet, dass eine für X erstellte Datei direkt wiederverwendet weich aussehen würde.
Die Oberfläche verhält sich ähnlich. Ein kreisförmiger Avatar überlappt die untere linke Ecke des Banners, und der Anzeigename und die Kennung befinden sich darunter. Die praktische Konsequenz ist dieselbe: Die untere linke Ecke des Streifens ist kein Ort für etwas, das lesbar sein muss.
Da die Verhältnisse übereinstimmen, ist der sinnvolle Workflow ein Zuschnitt und zwei Exporte. Richten Sie die Komposition einmal hier ein, nehmen Sie die 3000-Pixel-breite Datei für Bluesky und verwenden Sie die X-Header-Seite für die 1500-Pixel-breite Version derselben Anordnung.
Der gleiche Zuschnitt in halber Größe ist das, was X möchte, also der X-Header-Resizer bildet das Paar komplett.
Wenn eine Upload-Grenze im Weg ist, komprimieren statt verkleinern – es behält die Auflösung und entfernt die Bytes.
Bluesky und X, im Vergleich
Gleiche Form, anderer Maßstab. Das ist die gesamte Beziehung, und das ist, was einen gemeinsamen Zuschnitt sicher macht.
| Plattform | Banner-Größe | Verhältnis | Avatar |
|---|---|---|---|
| Bluesky | 3000 × 1000 | 3:1 | Kreis, unten links |
| X | 1500 × 500 | 3:1 | Kreis, unten links |
| Discord-Profil | 600 × 240 | 5:2 | Kreis, unten links |
Warum es sich lohnt, die größere Datei zu exportieren
3000 Pixel sind für einen Streifen, der auf einem Telefon nur ein paar hundert Pixel breit gerendert wird, großzügig, und das ist genau der Punkt: Bei einem Display mit drei Gerätapixeln pro CSS-Pixel wird ein 1500-Pixel-Banner, das über ein breites Fenster gestreckt ist, hochskaliert.
Die Bereitstellung der größeren Datei kostet ein paar hundert Kilobyte und entfernt die Weichheit. Wenn der Upload wegen der Größe abgelehnt wird, komprimieren Sie statt zu verkleinern – die Qualitätsreduzierung behält die Auflösung, und die Auflösung ist es, was die Dichte benötigt.
Komposition um den Avatar herum
Der Avatar-Kreis überlappt die untere linke Ecke, und der Anzeigename befindet sich unter dem Banner und nicht darauf – was Bluesky etwas verzeihender macht als X, bei dem das mobile Profil-Über das Banner ragt.
Selbst dann ist der zuverlässige Bereich der obere und rechte Teil. Ein Farbverlauf, ein Muster oder eine Landschaft mit dem Motiv rechts übersteht jedes Layout; ein zentriertes Wortmarken-Logo tief unten nicht.
Format und was beizubehalten ist
JPEG für fotorealistische Banner in dieser Größe – ein 3000-Pixel-PNG eines Fotos sind mehrere Megabyte ohne sichtbaren Gewinn. PNG für flache Farben oder Beschriftungen. Behalten Sie die exportierte 3000-Pixel-breite Datei als Masterdatei: sie skaliert auf den X-Header und jeden anderen 3:1-Slot ohne eine zweite Zuschnitts-Entscheidung herunter.
Häufig gestellte Fragen
Wie groß ist ein Bluesky-Banner?
3000 mal 1000 Pixel, ein 3:1-Streifen. Es teilt sein Verhältnis mit einem X-Header, hat aber die doppelte lineare Auflösung, sodass eine für X erstellte und direkt auf Bluesky wiederverwendete Datei hochskaliert wird und auf einem hochauflösenden Display weich aussieht.
Kann ich meinen X-Header auf Bluesky verwenden?
Die Form passt, aber die Auflösung nicht: 1500 mal 500, die über einen 3000-Pixel-Slot gestreckt werden, ist ein Hochskalierung. Der bessere Schritt ist, einmal bei 3000 mal 1000 zuzuschneiden und die kleinere X-Version aus derselben Anordnung zu exportieren, was diese Seite und die X-Header-Seite gemeinsam tun.
Deckt der Avatar einen Teil des Bluesky-Banners ab?
Ja – ein kreisförmiger Avatar überlappt die untere linke Ecke, über dem Streifen gezeichnet. Der Anzeigename und die Kennung befinden sich unter dem Banner und nicht darauf, was Bluesky etwas verzeihender macht als X, aber die untere linke Ecke ist immer noch nicht für etwas verwendbar, das lesbar sein muss.
Mein Banner-Upload wurde wegen zu großer Größe abgelehnt. Was nun?
Komprimieren statt verkleinern. Die Reduzierung der JPEG-Qualität behält alle 3000 Pixel und entfernt Bytes; die Reduzierung der Abmessungen behält Bytes und entfernt die Schärfe, für die Sie die große Datei ursprünglich exportiert haben. Der Kompressor nimmt eine Zielgröße in Kilobyte an.
Warum sind 3000 Pixel für einen kleinen Streifen wichtig?
Weil ein Telefon oder ein moderner Laptop zwei oder drei Gerätapixel für jedes CSS-Pixel zeichnet. Ein Banner, der 800 CSS-Pixel breit gerendert wird, sind tatsächlich 2400 Gerätapixel, und eine 1500-Pixel-Quelle kann das nicht füllen, ohne vergrößert zu werden. Die zusätzliche Auflösung ist es, die sie scharf hält.
Wird mein Banner irgendwo hingesendet, wenn ich ihn ändere?
Nein. Jeder Schritt – Dekodieren, Zuschneiden, Größenänderung, Kodieren – geschieht in diesem Browser-Tab, und diese Seite hat überhaupt keinen Upload-Endpunkt. Sie können beobachten, wie das Netzwerk-Panel leer bleibt, während der Export läuft.
Welche verwandten Tools sollten Sie als Nächstes nutzen?
- Twitter-Header 1500×500X-Header im Format 3:1 mit Profilbild-Überlappung und Bio-FeldÖffnen
- YouTube-Banner skalierenKanalbild auf 2560×1440 mit Tablet- und Handy-Zonen eingezeichnetÖffnen
- Discord-Profilbanner zuschneidenExakt 680×240 im Format 17:6, mit Avatar- und Namensfeld in der VorschauÖffnen
- Spotify-Canvas 1080×1920Cover im Hochformat 1080×1920, Player-Bereich markiert wie bei SpotifyÖffnen
- Bild komprimierenBildgröße und Dateigröße verringern, Qualität wählenÖffnen
- Creator-ToolsBanner, Avatare, Emotes und Titelbilder für jede Plattform zuschneiden und optimieren.Öffnen