Social-Media-Logo-Größen: Profilbilder, Banner und Vorschaubilder

Die Größen auf einen Blick

Das sind die Bilder, die die meisten Marken brauchen. Die Angaben zu LinkedIn, YouTube und Open Graph haben wir im Oktober 2026 mit den Hilfeseiten der Netzwerke abgeglichen. Die Größen für X und das Facebook-Titelbild nutzen die Netzwerke und Design-Tools seit Jahren. Prüf vor einer großen Kampagne also die Seite des Netzwerks.

Quellen: Facebooks Seite zum Teilen von Bildern, LinkedIns Hilfeseite zu Seitenbildern und YouTubes Hilfeseite zum Branding eines Kanals.

Profilbilder: der Kreis und die kleine Größe

Ein Profilbild wird klein gezeigt, oft mit 40 bis 100 px, und zum Kreis beschnitten. Zwei Dinge gehen schief: Teile des Logos werden abgeschnitten, und lange Namen werden zu Pünktchen. Wir haben zwei Logos getestet: ein breites mit dünnem Schriftzug und ein Kaffee-Logo mit Name und Slogan, beide mit einem Gemini-Bildmodell für unser Testset erstellt. Die erste Kachel ist ein von Hand auf die Mitte zugeschnittenes breites Logo. Die nächsten beiden sind die Avatare von Logobundle für die beiden Logos, und die letzte zeigt das Kaffee-Logo mit 48 px.

✗

Breites Logo, Ausschnitt aus der Mitte

Breites Logo, ganz eingepasst

Kaffee-Logo, ganz eingepasst

✗

Kaffee-Logo mit 48 px

Der Zuschnitt schneidet den Flieger und das Ende des Namens ab. Der Avatar im Logobundle-Paket vermeidet das, indem er das ganze Logo mit Rand in den Kreis skaliert. Der Preis ist die Größe: Das breite Logo ist eine dünne Zeile kleiner Buchstaben, und mit 48 px behält das Kaffee-Logo seine Tasse, aber sein Name wird zum Gewirr und sein Slogan zur grauen Linie.

Die Lösung ist das Symbol allein. Logobundle nimmt für den Avatar das Symbol eines Logos, wenn es eins findet. Bei diesen beiden Test-Logos fand es keins und nahm das ganze Logo. Also haben wir die Kaffeetasse von Hand aus dem Logo geschnitten und allein hochgeladen:

✓

Nur das Symbol

✓

Nur das Symbol mit 48 px

Ist dein Logo ein Symbol neben einem Namen, mach es genauso: Schneide das Symbol aus, lade es als zweites Logo hoch und nimm dessen Avatar für Profilbilder. Das ganze Logo behältst du für Banner und Vorschaubilder.

Link-Vorschauen: das Vorschaubild mit 1200 × 630

Wenn jemand deinen Link in einen Chat oder Beitrag einfügt, zeigt die App eine Karte mit Titel und Bild. Dieses Bild kommt aus einem Tag im Kopf deiner Seite, genannt Open Graph. Ein Bild mit 1200 × 630 px passt auf die übliche 1,91:1-Karte, es wird also nichts abgeschnitten.

Breites Logo

Kaffee-Logo

Füge drei Zeilen in den Kopf deiner Seite ein, mit der Datei auf deiner eigenen Website:

<meta property="og:image" content="https://example.com/og-1200x630.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

Nimm ein deckendes Bild mit einfarbigem Hintergrund, kein transparentes PNG, denn Apps füllen transparente Flächen schwarz oder weiß, und ein dunkles Logo kann verschwinden. Halte das Logo in der Mitte: Manche Apps schneiden die Ränder ab. Unser Ratgeber zu transparenten Logos erklärt, wann ein Logo nicht transparent sein sollte.

Banner und Titelbilder: das Logo in die Mitte

Banner sind breit, und jedes Netzwerk schneidet sie anders zu. Das Logo gehört also in die Mitte. Das sind die Banner aus dem Logobundle-Paket für das Kaffee-Logo; das Paket setzt das Logo jeweils mittig auf einen einfarbigen Hintergrund:

X-Header, 1500 × 500

LinkedIn-Titelbild, 1512 × 256

Facebook-Titelbild, 820 × 312

Quadratischer Beitrag, 1080 × 1080

Das YouTube-Banner ist der Extremfall. Es hat 2560 × 1440 px, aber nur ein Streifen quer durch die Mitte, 1546 × 423 px, ist auf jedem Gerät zu sehen. Ein Handy zeigt kaum mehr als diesen Streifen, ein Computer etwas mehr und nur ein Fernseher das ganze Bild. YouTube gibt den Streifen mit 1235 × 338 px für die Mindestgröße von 2048 × 1152 an: derselbe Bereich, nur kleiner. Die Kachel unten markiert ihn: Alles außerhalb des hellen Rechtecks kann abgeschnitten werden.

YouTube-Banner mit markiertem sicherem Streifen

Bei Facebook ist es genauso: Am Computer wird das Titelbild mit 820 × 312 px gezeigt, am Handy auf 640 × 360 px zugeschnitten, und auf einer Seite verdeckt das Profilbild die linke untere Ecke. Das LinkedIn-Titelbild ist schmal und niedrig, ein Logo mit langem Slogan wird darin also klein. Nimm das Symbol und den Namen, und heb dir den Slogan für den Seitentext auf.

Das ganze Set mit Logobundle erstellen

Das Komplettpaket hat einen Ordner social mit jedem Bild von oben: dem Vorschaubild mit 1200 × 630, einem Avatar mit 400 × 400, dem X-Banner mit 1500 × 500, dem LinkedIn-Seitentitelbild mit 1512 × 256, dem YouTube-Banner mit 2560 × 1440 px, bei dem das Logo im sicheren Streifen bleibt, dem Facebook-Titelbild mit 820 × 312 und dem Beitrag mit 1080 × 1080. Alle sind deckend, mit zentriertem Logo.

Logobundle setzt das Logo auf einen einfarbigen Hintergrund. Es fügt weder Grafiken noch Text hinzu, und manche Größen, etwa Instagram-Stories oder das persönliche LinkedIn-Titelbild, sind nicht im Paket. Willst du ein gestaltetes Banner, nimm die Dateien des Pakets als Logo-Ebene in Canva oder Figma. Das Paket enthält auch Favicons und App-Icons: siehe den Favicon-Ratgeber.

Checkliste vor dem Hochladen

• Profilbild: 400 × 400 px, nur das Symbol, wenn du eins hast, nichts in der Nähe der Ecken.
• Vorschaubild: 1200 × 630 px, deckend, das Logo in der Mitte, mit den Open-Graph-Tags verknüpft.
• Banner: das Logo in der Mitte, nichts Wichtiges nahe an den Rändern, Text groß genug, um in Handybreite lesbar zu sein.
• Dateityp: PNG oder JPEG. Prüf die Größenbeschränkung jedes Netzwerks, zum Beispiel 3 MB bei LinkedIn und 6 MB bei YouTube.
• Sieh dir das Ergebnis auf einem Handy an, bevor du fertig bist. Jedes Netzwerk zeigt diese Bilder etwas anders.

Ein Logo, das als Profilbild, Vorschaubild und Banner funktioniert, ist meist ein einfaches. Ist deins detailreich, zeigt der Ratgeber zum Vektorisieren, welche Logos sich gut nachzeichnen lassen.