Steemit Anfängerfehler und Erleuchtung #2

Seit ein paar Tagen beschäftigt mich die Frage, was denn nun die optimale Breite für Bilder auf steemit ist und wie man am Besten beim Einbinden der Fotos vorgeht.

Bisher habe ich es nicht so optimal gemacht, Anfängerfehler Nr. 2.

Die Erlösung von meinen Fragen bescherte mir schließlich der Beitrag von @privacybydesign, den ich euch hiermit ganz besonders ans Herz legen will. Vielleicht erlebt auch ihr eine Erleuchtung.

Ein bisschen Technik

Im HTML/CSS-Quelltext stellt man fest, unsere Beiträge landen alle im Container PostFull_body der mit 40rem entsprechend 640px maximaler Breite definiert ist. So sieht das in der original CSS aus:

.PostFull__header, .PostFull__body {
  max-width: 40rem;
  margin: 0 auto; }

Sämtliche Bilder die breiter als diese 640px sind, werden vom Browser automatisch auf 640px verkleinert. Hat man große Bilder hochgeladen, hat der spätere Betrachter nichts davon, muss aber trotzdem das alle Daten des großen Bildes laden. Keine gute Sache, vor allem wenn man begrenzten Traffic hat.

Die optimale Breite

640px würden theoretisch reichen, als optimal empfiehlt @privacybydesign allerdings 840px, deshalb halte ich mich ab jetzt auch daran. Warum die 840px kann ich nur vermuten, vielleicht weiß jemand mehr?

Hochauflösendes Bild verlinken

Nach diesem Muster kann man große Bilder verlinken:

[![BildName](https://steemitimages.com/840x0/PfadZumBild)](PfadZumBild)

Damit wird im Beitrag ein nur 840px breites Bild geladen, erst wenn man darauf klickt, lädt das große Bild und wird angezeigt.

Meine Obstschale demonstriert das mal:

(Falls ihr nicht klar kommt, hier nochmal die genaue Beschreibung vom oben bereits erwähnten Beitrag.)

Steemit Titelbild, die optimale Breite

Für das Hintergrundbild eures Profils (unter Settings - Cover image url) sollten es schon mindestens 2000px sein, bei einer Höhe 403px. Mein Titelbild hat z.B. 2007x403, das von @austrianguy 2988x403, da habe ich mir die Maße abgeschaut. Dachte, wenn der Martin das so macht, wird das schon passen.

Allen Neuankömmlingen, wozu ich auch (noch) gehöre, kann ich seine Tutorials für Steemit-Neulinge nur wärmstes empfehlen. Die haben mir wirklich sehr geholfen, ein ganz dickes Dankeschön dafür!

---

Ein Wort zum Schluss: Ich schreibe hier nur auf, was ich bisher so herausgefunden habe, vielleicht kann ich damit anderen die ersten Schritte etwas erleichtern und so manche Sucherei ersparen.

Falls sich Fehler eingeschlichen haben, schreibt es bitte in die Kommentare. Danke!