Die kurze Antwort: 1600 × 900, ein Verhältnis von 16:9. Das ist das Format, das einen Beitrag auf X ohne Beschnitt ausfüllt, und die erste Wahl, solange nichts dagegen spricht.
Warum 16:9
X beschneidet in der Timeline großzügig, und 16:9 ist das Format, das eine Beitragskarte auf Desktop wie Mobil ohne Beschnitt ausfüllt. Bei Code wiegt das schwerer als bei Fotos: Ein Beschnitt, der die letzten Zeichen einer Zeile abschneidet, macht das Snippet falsch und nicht nur schlecht gerahmt.
Die Einstellungen
Wechsle in Codeshot unter Aspect Ratio von Original auf Fixed und wähle die Vorlage 16:9. Setze dann die Breite auf 800 und exportiere mit 2×.
Das ergibt exakt 1600 × 900. Der Export mit 2× statt 1× hält kleinen Text auf Retina-Displays scharf — ein 1×-Export eines Code-Snippets wirkt immer etwas weich.
Andere Größen, die funktionieren
| Verhältnis | Pixel | Wann sinnvoll |
|---|---|---|
| 1:1 | 1080 × 1080 | das Snippet kurz und eher quadratisch ist |
| 4:5 | 1080 × 1350 | du im mobilen Feed maximale Höhe willst |
Jedes Mal dieselben drei Einstellungen: Verhältnis, Breite und ein 2×-Export.
Der Fehler, den man vermeiden sollte
Einen hohen Screenshot einer ganzen Datei posten. X zeigt in der Timeline eine beschnittene Vorschau, sodass man die Mitte deines Codes sieht und der interessante Teil fehlt. Kürze auf zehn bis fünfzehn Zeilen und lass das Verhältnis den Rest machen.
Noch eine Sache
Halte die Datei unter 5 MB. Ein 2×-PNG eines Code-Snippets liegt weit darunter; relevant wird das nur bei 3× mit fotografischem Hintergrund.
Größen für andere Plattformen
Alle Artikel für den Rest, einschließlich der übrigen Plattformen.
Egal wo du postest: Sobald das Bild verkleinert wird, zählt das Theme genauso viel wie die Größe. Du kannst alle 30 vergleichen, bevor du dich entscheidest.