Facebook auf einem Handy neben einem Laptop

Für viele Unternehmen ist Facebook das wichtigste Instrument, über das sie mit ihren Kunden in Kontakt treten. Für einige ist es sogar das einzige Instrument. Es sollte daher nicht überraschen, dass das Erscheinungsbild der Facebook-Seite deines Unternehmens einen großen Einfluss darauf haben kann, wie ernst die Leute dein Unternehmen nehmen. Ein wenig Aufwand im Vorfeld und ein wenig Sorgfalt können später viel Geld bedeuten. In diesem Artikel verraten wir dir einige der Tricks, die wir verwenden, um jedes Mal das perfekte Facebook-Titelbild zu erstellen.

Erstens: Wenn du ein Facebook-Titelbild für eine Unternehmensseite erstellst, möchtest du vielleicht ein Logo, eine Grafik oder Worte einfügen, um eine Botschaft zu vermitteln. Du kannst zwar ein Titelbild mit der iOS- oder Android-App von Facebook erstellen, aber es ist einfacher, wenn du deinen Desktop-Computer oder Laptop benutzt.

Ein wenig Hintergrund

Plates ist ein fiktives Restaurant. Wie jedes lokale Unternehmen hat es eine Facebook-Seite. Und wie jedes Unternehmen mit einer Facebook-Seite besuchen die Kunden ihre Seite mit Desktop-Computern, Laptops und Mobiltelefonen.

Dies ist das Facebook-Titelbild von Plates. Es ist kaputt. Später werden Sie sehen, wie das geht.

Ein kaputtes Facebook-Titelbild

Richtlinien für Facebook-Titelbilder

Facebook stellt Richtlinien für Benutzer bereit, die ihren Seiten Titelbilder hinzufügen möchten. Die Richtlinien sind für geschäftliche und private Seiten gleich.

Das Titelbild Ihrer Seite:

Es wird auf Ihrer Seite auf Computern mit einer Breite von 820 Pixeln und einer Höhe von 312 Pixeln und auf Smartphones mit einer Breite von 640 Pixeln und einer Höhe von 360 Pixeln angezeigt.

Muss mindestens 400 Pixel breit und 150 Pixel hoch sein.

Lädt am schnellsten als sRGB JPG-Datei, die 851 Pixel breit, 315 Pixel hoch und weniger als 100 Kilobyte groß ist.

Die Richtlinien können verwirrend sein. Es gibt einige Dinge, die du wissen musst, bevor du mit der Erstellung deines Facebook-Titelbildes oder deiner Grafik beginnst. Hier sind die gleichen Richtlinien etwas anders dargestellt:

  • 851px Breite x 315px Höhe: empfohlene Größe für Desktop
  • 820px Breite x 312px Höhe: Anzeige auf Desktop
  • 640px Breite x 360px Höhe: Darstellung auf Smartphones
  • 400px Breite x 150px Höhe: Mindestgröße des Titelbildes

Die Richtlinien von Facebook verfeinern

Sie brauchen nur zwei der vier Empfehlungen von Facebook. Wenn du diese beiden erfüllst, erfüllst du als Nebenprodukt deiner Arbeit auch alle vier Bedingungen. Dies sind die beiden, die Sie einhalten:

  • 851px Breite x 315px Höhe: empfohlene Größe für Desktop
  • 640px Breite x 360px Höhe: Anzeige auf Smartphones

Bei den Abmessungen des Covers, die Sie einhalten, werden Sie eine Desktop-Höhe von 315px und eine mobile Höhe von 360px feststellen. Das gleiche Facebook-Cover muss für Desktop und Mobile verwendet werden, was bedeutet, dass die absolute Mindesthöhe 360px betragen muss. Aus diesem Grund ist die Facebook-Cover-Größe, die Sie benötigen, nun die folgende:

  • 851px Breite x 360px Höhe: minimale Anzeigegröße für Desktop und Mobile

Nun haben Sie eine Facebook-Cover-Größe, die für Desktop zu hoch und für Mobile zu breit ist. Das sollte nicht sein, was Sie wollen, aber es ist genau das, was Sie wollen. Warum das so ist, erfährst du etwas später.

Du solltest noch eine weitere Größenänderung an deinem Facebook-Cover vornehmen. Hochauflösende Desktop- und Laptop-Bildschirme werden immer beliebter. Die Bildgrößenempfehlungen von Facebook sind bereits auf hochauflösende mobile Bildschirme abgestimmt. Das gilt jedoch nicht für Desktop- und Laptop-Bildschirme. Wenn Sie möchten, dass Ihr Facebook-Titelbild auf großen Bildschirmen scharf aussieht, müssen Sie die Bildgröße verdoppeln:

  • 1.702px Breite x 720px Höhe: Perfekte Anzeigegröße für Desktop und Handy

Oben haben Sie Ihre endgültigen Leinwandmaße. Ihr Facebook-Titelbild wird diesen Abmessungen entsprechen.

Vermeiden Sie einige häufige Fallstricke

Nun, da Sie die Abmessungen Ihres Facebook-Titelbildes kennen, können Sie mit der Gestaltung Ihres Titelbildes beginnen. Ein Besucher deiner Seite wird einen Teil oder das gesamte Titelbild sehen, je nachdem, ob er von einem großen Bildschirm (Desktop oder Laptop) oder einem mobilen Gerät aus auf deine Seite zugreift.

Der sichtbare Bereich des Facebook-Covers auf Desktop und Handy

Besucher von großen Bildschirmen sehen das gesamte Titelbild. Mobile Besucher sehen nur den hellblauen Bereich. Facebook schneidet die Seiten ab.

Besichtigung des kaputten Facebook-Coverbildes von Plates

Vorhin haben Sie das kaputte Facebook-Coverbild von Plates gesehen. Auf Laptops und Desktops sieht es gut aus.

Ein kaputtes Facebook-Titelbild

Die Facebook-Seite von Plates sieht auf dem Handy ganz anders aus. Unten sehen Sie, was Kunden auf ihren Mobiltelefonen sehen. Ein großer Teil des Logos fehlt, und der Text ist unleserlich.

Abgeschnittene Informationen fehlen auf der Facebook-Seite

Wenn man das Facebook-Titelbild von Plates auf die zuvor ermittelten Maße legt, kann man leicht erkennen, was passiert ist. Facebook zeigt nur die Mitte des Bildes als Titelbild auf dem Handy an. Der Rest wird abgeschnitten und die Informationen gehen verloren.

Das Overlay zeigt, wie das Facebook-Cover beschädigt wird

Erstellen Ihrer Facebook-Cover-Vorlage

Um Ihr Facebook-Cover-Bild zu gestalten, verwenden Sie die Maße, die wir zuvor angegeben haben.

  1. Zeichnen Sie einen Kasten mit einer Breite von 1.702 Pixeln und einer Höhe von 720 Pixeln
  2. Zeichnen Sie mit einer anderen Farbe einen weiteren Kasten mit einer Breite von 1.280 Pixeln und einer Höhe von 720 Pixeln
  3. Zentrieren Sie den kleineren Kasten über dem größeren

Sie sollten etwas haben, das wie die folgende Vorlage aussieht. Wir haben einige horizontale und vertikale Linien als Kompositionshilfen hinzugefügt, um die Drittel-Regel zu veranschaulichen. Die vertikalen Linien sind nicht exakt positioniert, da die Bilder auf dem großen und dem kleinen Bildschirm von Facebook unterschiedliche Proportionen haben. Sie liegen jedoch nahe beieinander, und die Seiten der fettgedruckten Pluszeichen zeigen den Unterschied zwischen den beiden. Ordnen Sie Ihren Inhalt um die Plus-Symbole herum an, und Sie sollten etwas erhalten, das den meisten Augen gefällt.

Beispiel für die Gestaltung eines Facebook-Covers

Gestalten Sie Ihr Facebook-Cover-Bild

Wählen Sie nun ein Bild aus, das Ihnen gefällt, und platzieren Sie es über den beiden von Ihnen erstellten Boxen. Machen Sie das Bild größtenteils transparent, so dass Sie die Rahmen darunter sehen können. Sie werden das später korrigieren. Sie sollten etwa so aussehen:

Facebook-Titelbildvorlage über dem Titelbild

Der hellblaue Bereich wird auf dem Desktop und dem Handy angezeigt. Der dunkelblaue Bereich ist nur auf Desktops und Laptops sichtbar. Sobald Ihr Bild so platziert ist, wie Sie es wünschen, fügen Sie Text oder Grafiken hinzu.

Facebook-Titelbildvorlage über Titelbild und Grafik

Entfernen Sie die Transparenz des Bildes. Zu diesem Zeitpunkt sollten Sie die von Ihnen erstellten Hintergrundfelder nicht mehr sehen. Sie sollten Ihr Facebook-Titelbild genau so sehen, wie es die Besucher Ihrer Seite sehen, wenn sie es von einem Desktop oder Laptop aus besuchen.

Korrigiertes Facebook-Titelbild, wie es auf dem Desktop angezeigt wird

Sie haben die ganze harte Arbeit erledigt. Laden Sie Ihr fertiges Bild auf Facebook hoch und legen Sie es als Ihr Titelbild fest. Besuchen Sie dann Ihre Facebook-Seite von einem mobilen Gerät aus. Es sollte so aussehen:

Korrigiertes Facebook-Titelbild, wie es auf dem Handy angezeigt wird

Du hast es geschafft!

Wir hoffen, dass diese Anleitung hilfreich war. Wenn ja, lassen Sie es uns wissen. Wir haben unsere Vorlage für das Facebook-Titelbild in mehreren Formaten zum kostenlosen Download bereitgestellt.

  • Lade die Vorlage als Sketch-Datei herunter
  • Lade die Vorlage als 1.702px x 720px JPG herunter