Warum dasselbe 9:16 auf jeder Plattform anders aussieht
Hochkantvideos messen immer 1080×1920; der Unterschied steckt in der UI, die die Plattform darüberlegt: Kontoname, Text und Musikleiste unten, Like, Kommentar und Teilen rechts, Fortschrittsleiste und Schließen-Button oben. Wie hoch diese Elemente sind, geben die Designvorgaben der Plattform vor, und sie ändern sich mit den Versionen. Die Prozentwerte in der Tabelle sind deshalb konservative Schätzungen – sie nehmen den größten Überdeckungsbereich aus den offiziellen Creator-Leitfäden und echten Screenshots der letzten Jahre. Die Regel ist einfach: oben und unten je 15–20 % freihalten, rechts 12–15 %, Text nie an den Rand.
Runde Avatare und die 15-%-Regel
Fast alle Plattformen lassen ein quadratisches Bild hochladen und zeigen es rund. Der Unterschied zwischen Inkreis und den Ecken des Quadrats beträgt rund 14,6 % der Seitenlänge (1 − √2⁄2 ≈ 0.293, je zur Hälfte auf beiden Seiten). Deshalb ist bei allen Avataren in der Tabelle ein Sicherheitsabstand von 15 % an allen vier Seiten markiert: Stehen Logo oder Gesicht in diesem Inkreis, schadet es nicht, wenn die Ecken abgeschnitten werden. Instagram zeigt nur einen 110-px-Kreis, YouTube einen mit 98 px – je weniger Details, desto besser.
Rasterzuschnitt: 3:4, 1:1 und 16:9 im Konflikt
Nutzer sehen deine Inhalte in zwei Situationen: auf der Detailseite das ganze Bild und in Listen oder Rastern die Miniatur. Miniaturen werden oft auf ein einheitliches Verhältnis gezwungen: Das Profilraster bei Douyin, TikTok und Instagram ist 3:4 (Instagram hat 2025 von 1:1 auf 3:4 umgestellt), das Neuner-Raster bei Weibo ist 1:1, das Bilibili-Cover wechselt an einzelnen Stellen von 16:10 auf 16:9. Ein 9:16-Cover verliert in einem 3:4-Raster oben und unten je rund 16 %; ein 1,91:1-Querbild behält im 3:4-Raster nur rund 30 % der Breite in der Mitte. Die Tabelle kennzeichnet diese Verluste mit dem Safe-Area-Typ „Rasterzuschnitt" – das Motiv gehört in die Mitte.
Das WeChat-Cover: 2,35:1 und 1:1 in einem
Das Titelbild eines WeChat Official Account erscheint in 900×383 (2,35:1) am Artikelkopf und in der Aboliste, beim Teilen in einen Chat oder in Moments zeigt WeChat jedoch nur eine 1:1-Miniatur – genommen wird der mittlere Bereich von 383×383. Titeltext und Personen müssen deshalb im mittleren Drittel liegen, die Seiten bleiben Hintergrund. Das Cover des zweiten Artikels ist von Haus aus 1:1 und hat das Problem nicht. Genau deshalb sagen Designer, ein WeChat-Cover müsse in zwei Fassungen entstehen; wer die Safe Area einhält, kommt hier mit einer aus.
Warum og:image 1200×630 ist
Das Open-Graph-Protokoll schreibt keine Größe vor. 1200×630 (1,91:1) war der historische Facebook-Wert für Share-Karten und wurde später von summary_large_image bei X, LinkedIn, Slack und Discord übernommen – so entstand der De-facto-Standard für Linkvorschauen. Die WeChat-Share-Karte nutzt dagegen eine quadratische Miniatur. Wer ein og:image für eine Webseite baut, setzt Logo oder Titel deshalb in den zentralen 630×630-Bereich, dann stimmt die Anzeige auf beiden Seiten. Ob die og-Tags und die Vorschau passen, lässt sich prüfen, indem man die Adresse in die URL-Werkzeuge einfügt oder den Share-Debugger der Plattform nutzt.
Pixel, Faktor und Dateigröße
Die Maße in der Tabelle sind Empfehlungen für den Upload und meist doppelt so groß wie die Anzeige, damit sie auf hochauflösenden Displays (Retina) scharf bleiben: Spaltenbreite 677 px → 1080 px hochladen, Moments-Cover mit rund 640 px Anzeige → 1280 px hochladen. Größer hochladen macht es nicht schärfer – die Plattformen komprimieren ohnehin neu –, sondern reißt eher die Dateigrenzen (WeChat-Bilder 10 MB, YouTube-Thumbnails 2 MB, X-Avatar 2 MB). Nach dem Zuschneiden lässt sich mit Bildkomprimierung meist die Hälfte der Dateigröße sparen, ohne sichtbaren Unterschied.