Aktualisierter Leitfaden zu Banner-, Header- und Fotogrößen von Twitter

Twitter ändert sich, wie die meisten Websites, von Zeit zu Zeit. Eine Sache, an der Twitter Änderungen vornimmt, ist ihr Layout, sowohl in sehr großen als auch in sehr kleinen Dingen. Einige Änderungen sind grundlegend, wie z. B. das Umwandeln von Favoriten in „Gefällt mir“-Angaben. Andere Änderungen sind subtiler, wie sie Bilder zuschneiden und so weiter.

Zum Zeitpunkt der Veröffentlichung dieses Artikels sollten die folgenden Informationen korrekt sein. Ich werde Sie hier informieren – indem ich diesen Absatz ändere – wenn ich den Beitrag aktualisiere.

Das Header-Bild

Ihr Header-Bild auf Twitter ist wie eine riesige Werbetafel, die nur gelegentlich zu sehen ist. Jeder, der seinen eigenen Twitter-Feed durchsucht, wird ihn nicht sehen; sie müssen Ihre Profilseite besuchen, um sie zu sehen.

Twitter empfiehlt, ein sehr breites Bild als Header hochzuladen . Ihre beabsichtigten Abmessungen sind 1500 x 500 ; 1.500 Pixel breit und 500 Pixel hoch. Einfach, einfach, Ende der Geschichte, oder?

Nun, es ist, wenn Sie wie The Onion sind und einfach ein Bild aus einem kürzlich erschienenen beliebten Artikel als Top-Banner verwenden. Es besteht keine Notwendigkeit, mit einem Layout komplex zu sein; Schneiden Sie einfach ein Bild auf die richtige Größe zu und laden Sie es hoch. Solange es gut aussieht, ist es in Ordnung zu verwenden.

Wenn Sie jedoch wie einige Unternehmen sind, möchten Sie vielleicht etwas Optimierteres. Es ist im Allgemeinen eine gute Idee, Ihr Top-Banner als Aufruf zum Handeln zu verwenden. Es gibt jedoch viele Probleme.

Zunächst einmal beträgt die Größe des Top-Banners nicht 1.500 x 500. Es ist eher 1.263 x 421, wenn Sie einen typischen Breitbildmonitor verwenden. Das macht einen vertikalen und horizontalen Steg aus, der in einigen Auflösungen verwendet werden kann. Wenn Sie das Hintergrundelement untersuchen und das Bild eines bestimmten Banners anzeigen, sehen Sie normalerweise mindestens etwas mehr vertikal oben und unten im Bild.

Sie können sehen, wie Twitter das Bild dynamisch anpasst, wenn Sie auf einen Browser klicken und ihn ziehen, um seine Größe zu ändern. Sie können sehen, wie das Bild bei unterschiedlichen Auflösungen leicht vergrößert oder verkleinert wird; Dies ist die Anpassung unter Verwendung des ihm zur Verfügung stehenden Raums. Sobald Sie klein genug verkleinert sind, erhalten Sie stattdessen eine Bildlaufleiste.

Dann müssen Sie mobil in Betracht ziehen. Bei Verwendung der Twitter-App erscheint dasselbe Bild in denselben Abmessungen verkleinert. Das bedeutet, wenn Sie eine Art Handlungsaufforderung im Text Ihres Banners verwenden möchten, können Sie den Text nicht so klein machen, dass er unleserlich wird.

Wenn Sie einen Aufruf zum Handeln auf Ihrem Top-Banner platzieren, müssen Sie zwei Dinge tun. Vermeiden Sie zunächst die absolute Ober- und Unterseite des Bildes. Ein Teil dieses Platzes wird von den Dachrinnen eingenommen, um dem Bild Raum zum Zoomen und Anpassen zu geben.

Zweitens, vermeiden Sie die untere linke Ecke etwa ein Drittel des Weges von links nach innen. Dort gibt es einen Abschnitt, der von Ihrem Profilbild und dem dünnen Rahmen darum verdeckt wird. Alle Texte oder Handlungsaufforderungen, die Sie in diesem Abschnitt platzieren, werden hinter Ihrem Profilbild verborgen.

Protip: Verwenden Sie ein viel größeres Bild! Twitter empfiehlt ein Minimum von 1500×500. Sie sind nicht darauf beschränkt! Ich habe oft Bilder im Format 1920×1080 hochgeladen und spiele mit Zoom, horizontaler und vertikaler Positionierung und dem Zuschneiden herum, um sie genau dort zu positionieren, wo ich möchte.

Eine Sache, die Sie tun können, ist, Ihr Banner zu erstellen und dann die Leinwand in alle Richtungen um einige hundert Pixel zu erweitern. Wenn Sie das Bild hochladen, können Sie es dann sorgfältig genau so positionieren, wie es angezeigt werden soll.

Profilbilder

Ihr Profilfoto ist heutzutage ein Kreis . Hier empfiehlt Twitter ein quadratisches Bild, das 400×400 Pixel groß ist. Ihre Anzeige wird ein Kreis mit einem Durchmesser von ungefähr 400 Pixeln sein, aber auch hier können Sie das Bild beim Hochladen anpassen. Ein 400×400-Pixel-Bild oder ein 2000×2000-Pixel-Bild erhalten beide dieselben Zoomoptionen.

Wenn Sie ein Bild als Ihr Profilbild hochladen, können Sie es vergrößern und verkleinern, und Sie können es horizontal und vertikal verschieben, wenn Sie es so weit vergrößert haben, dass es den Rand nicht abschneidet. Sie sind auf die Ränder Ihres Bildes beschränkt, weshalb Twitter eine ausreichende Größe empfiehlt.

Das Zoomen ist nicht unbegrenzt. Sie können ein Bild nur dann nach außen zoomen, wenn es sich NICHT um ein quadratisches Bild handelt. Sie können etwas verkleinern, bis entweder vertikal oder horizontal der verfügbare Mindestabstand erreicht ist. In den wenigen Bildern, die ich gefunden habe, die dies tun können, handelt es sich um einen Zoom von etwa 80%. In der Zwischenzeit können Sie etwa 150 % heranzoomen, vielleicht bis zu 200 % in einem perfekt quadratischen Bild, um die genaue Positionierung zu erhalten, die Sie möchten.

Der Grund, warum Twitter ein quadratisches Bild mit 400 Pixeln haben möchte, ist, dass es nur minimale Größenanpassungen vornehmen muss. Ein außergewöhnlich großes Bild müsste beim Hochladen herunterskaliert werden, was zu einem verschwommenen Bild führt. Ein außergewöhnlich kleines Bild ist zu pixelig und wird zurückgewiesen.

In diesem Fall ist mein Protip von oben nicht wirklich anwendbar. Stattdessen habe ich eine andere.

Profitipp: Machen Sie Ihr Bild etwas größer als nötig. Machen Sie Ihr Logobild von Kante zu Kante 400 Pixel groß und fügen Sie dann auf jeder Seite einen Bundsteg von etwa 50 Pixel hinzu, damit es quadratisch bleibt. Auf diese Weise können Sie das Bild beim Hochladen so weit vergrößern, dass es an den Rändern gerade genug Platz hat, damit es mit dem Rand gut aussieht, ohne es tatsächlich zu berühren. Das kleine bisschen Feintuning kann sich lohnen.

Abmessungen des Bildpfostens

Wenn Sie Bilder in Ihrem Feed posten, wird dieser reduziert, um dem Postformat zu entsprechen. Manchmal bedeutet dies, dass der obere und untere Rand des Bildes abgeschnitten wird. Wenn Sie mehrere Bilder posten, sehen Sie am Ende, dass eines zwei Drittel des Platzes einnimmt und zwei oder drei weitere den Rest des Platzes aufteilen. Einzelne Twitter-Beiträge können nur bis zu vier Bilder enthalten.

Wenn ein Foto Teil eines Beitrags ist und an einen Link angehängt ist, hat dieses Foto eine Größe von 440 × 220 Pixel. Es ist weitgehend horizontal und wird beim Klicken nicht erweitert. Der Klick führt Sie stattdessen zum Beitrag. Sie können dies wie zuvor vergrößern lassen, aber es wird verkleinert und Sie haben keine Möglichkeit, es anzupassen.

Wenn Sie einfach vier Bilder hochladen, werden sie in der Reihenfolge angezeigt, in der Sie sie hochladen. Das erste Bild ist das Hauptbild, und die verbleibenden eins, zwei oder drei erhalten Abschnitte des verbleibenden Raums. Wenn Sie nur zwei Bilder hochladen, teilen sie denselben 440 × 220-Raum in zwei 220 × 220-Quadrate auf.

Ein einzelnes Bild erhält maximal 440×440 Pixel Platz. Wenn das Bild selbst horizontal kleiner ist, wird es oben und unten leicht beschnitten. Wenn das Bild vertikal kleiner ist, wird es im Letterbox-Format angezeigt, es sei denn, es ist viel zu breit, in diesem Fall wird es beschnitten.

Wenn Sie drei Bilder hochladen, wird ein Bild als Quadrat platziert, das die linken zwei Drittel des Bildes einnimmt, während die verbleibenden zwei als Quadrate vertikal rechts davon gestapelt sind. Das Hochladen von vier Bildern ist dasselbe, außer dass dem primären Bild mehr Fläche gegeben wird, um einen größeren vertikalen Stapel von Quadraten für die drei anderen Bilder zu ermöglichen.

Das ist alles knifflig, aber in der Praxis bedeutet es nur „quadratische Bilder hochladen, wann immer möglich“. Twitter wird versuchen, so viel wie möglich von dem Bild innerhalb des Quadrats anzuzeigen. Wenn eines der Bilder beschnitten ist – meistens bei längeren vertikalen Bildern – muss der Benutzer darauf tippen oder darauf klicken, um das Ganze zu sehen.

Tipps zur Verwendung von Bildern auf Twitter

Zuerst dein Profilfoto. In 99 % der Fälle sollte Ihr Profilfoto ein Foto von Ihnen oder Ihrem Logo sein. Ich weiß, dass viele Künstler sich dafür entscheiden, ein Kunstwerk oder ein künstlerisches Selbstporträt als Profilbild zu verwenden. das ist auch vollkommen in ordnung.

Generell sollten Sie auf andere Formen von Profilfotos verzichten. Wenn Sie Ihr Profilfoto leer lassen, entsteht eine grundlegende leere Profilsilhouette, die Ihnen wahrscheinlich weniger Vertrauen entgegenbringt als mit einem ausgefüllten Konto.

Ich empfehle nicht, Ihr Profilfoto als Handlungsaufforderung zu verwenden. In fast jeder Darstellungsart ist es einfach zu klein. Nichts, was Sie in diesen Raum einfügen, wird wirklich sichtbar sein.

Ihr Top-Bannerbild ist ein großartiger Ort, um zu zeigen, was Sie tun. Eine Bank könnte eine Szene mit einem Kassierer und einem zufriedenen Kunden haben. Ein Fotograf zeigt vielleicht ein Foto, das er von einer brillanten Landschaft aufgenommen hat. Ein Künstler kann ein größeres Werk präsentieren, das er kürzlich produziert hat.

Lokale Unternehmen finden es oft lohnenswert, ein Foto von ihrem Standort zu machen, was Benutzern helfen kann, sie zu finden, wenn sie sich versteckt oder in einem unscheinbaren Gebäude befinden.

Andere Marken, insbesondere Digitalmarken, können den Profilbanner als eine Art Werbefläche nutzen. Platzieren Sie in diesem Bereich einen größeren textbasierten Aufruf zum Handeln mit Illustrationen, ähnlich einer Infografik oder einer Zielseite. Sie können beispielsweise ein Buchcover oder eine Reihe von Buchcovern von E-Books präsentieren, die Sie produziert haben.

Andere Unternehmen könnten etwas tun, das den aktuellen Trends entspricht. Hubspot hat zum jetzigen Zeitpunkt ein großes Pride-Banner in ihrem charakteristischen Orange, während ihr Profilfoto der Regenbogen der Pride-Flagge ist.

Sarah McBride, Autorin und Pressesprecherin der Menschenrechtskampagne, nutzt ihr Profilbanner, um für ihr Buch zu werben. Es ist ein großes, einfaches Bild mit einer Handlungsaufforderung und einem Bild des Buchcovers, und es funktioniert hervorragend.

Wenn Sie ein Bild als Teil eines Tweets posten , denken Sie daran, dass ein einzelnes Bild am besten im Letterbox-Format funktioniert. Sie können ein Bild erstellen und es verwenden, um Ihren Textbereich zu erweitern. Verwenden Sie einen weichen CTA und eine Beschreibung in Ihren 280 Zeichen und verwenden Sie das Bild als Platz für etwas mehr Text. Denken Sie daran, dass Twitter nicht Facebook ist, und Sie erhalten keinen Beitrag, der abgelehnt wird, weil er zu viel Text enthält.

Denken Sie daran, dass Sie, wenn Sie mehrere Bilder gleichzeitig hochladen möchten, auf maximal vier beschränkt sind. Ein oder zwei auf einmal geben ihnen die gleiche Sichtbarkeit, aber drei oder vier bedeuten, dass das zweite bis vierte Bild zusammengedrückt werden und weniger Platz erhalten. Sie könnten am Ende so etwas wie diesen kürzlich erschienenen Beitrag über ein neues Nintendo-Spiel erhalten, bei dem das dritte und vierte Bild selbst Collagen sind, die fast unverständlich werden.

Andernfalls werden die meisten Verwendungen von Bildern auf Twitter auf die Verwendung von Twitter Cards hinauslaufen. Zum Glück habe ich zwei gute Ressourcen für Sie. Der erste ist dieser Beitrag zur Installation von Twitter-Karten auf Ihrer Website. Es gibt jedoch eine Reihe verschiedener Arten von Twitter-Karten, und es kann schwierig sein, alles über sie zu erfahren. Deshalb haben wir den ultimativen Leitfaden für Twitter-Karten.

Abgesehen von all dem kann ich Ihnen eigentlich keine anderen Twitter-Image-Tipps als die üblichen geben. Machen Sie qualitativ hochwertige Bilder, vermeiden Sie es, sie mit so viel Text zu überdecken, dass sie überhaupt keine Bilder mehr enthalten, und stellen Sie sicher, dass sie sich vom Morast des üblichen Twitter-Profils abheben. Sie sollten wann immer möglich GIFs oder Videos verwenden, um Bewegung hinzuzufügen und Ihren Beitrag hervorzuheben.

Ich werde diesen Beitrag auf jeden Fall aktualisieren, wenn ich bemerke, dass Twitter ihr Verhalten oder ihre Größe erneut ändert. Schau wieder vorbei, wenn du denkst, dass etwas nicht stimmt, und hinterlasse einen Kommentar, wenn ich es noch nicht bemerkt habe!