Bilder in HackMD, Notion & Docs einbetten: 5 Schritte gegen kaputte Bilder 2026

Erste Semesterwoche, und meine Notizenseite war ein Feld kaputter Bilder

Kurz eine peinliche Geschichte.

Im vergangenen September, erste Semesterwoche, habe ich mit drei frisch kennengelernten Kommilitonen ein HackMD als gemeinsame Lerngruppen-Notiz aufgemacht, für Vorlesungsmitschriften und Whiteboard-Fotos. Voller Elan habe ich meine Handy-Screenshots einen nach dem anderen reingezogen, auf meinem Bildschirm sah alles komplett aus, ich war ziemlich stolz. Am Abend schrieb jemand aus der Gruppe: „Hey, warum ist bei deinem Teil überall so ein kaputtes Bild-Symbol?"

Ich war völlig perplex. Bei mir sah doch alles bestens aus!

Später öffnete ich ein Inkognito-Fenster und meldete mich mit einem anderen Konto an — und tatsächlich, die Gruppe hatte recht: Eine ganze Reihe Bilder war zu diesem „Laden fehlgeschlagen"-Bruchsymbol geworden. Ehrlich gesagt ein ziemlich mieses Gefühl. Beim ersten Mal mit fast fremden Leuten zusammenarbeiten und direkt so ein Patzer, mir war das mega peinlich.

Keine Sorge. Wenn du in derselben Lage steckst, ist dieser Artikel für dich geschrieben. Die Sache ist nicht schwer, nur hat dir vorher niemand gesagt, dass es beim Einbetten in Notizen zwei Arten gibt, ein Bild abzulegen.

Verstehe zuerst eins: Ein Bild hat „Upload" und „externen Link"

Das ist die Wurzel aller Abbruch-Probleme, das musst du zuerst kapieren.

Vereinfacht: Wenn du ein Bild in eine gemeinsame Notiz legst, gibt es nur zwei Wege.

Der erste heißt Upload. Die Bilddatei wird kopiert und auf dem eigenen Server der Notiz-Plattform gespeichert. Stell dir vor, du druckst das Foto aus und klebst es in ein echtes Notizbuch — das Foto klebt jetzt fest, egal wem du das Buch gibst, das Bild ist dabei.

Der zweite heißt externer Link (manche sagen „eingebetteter Link"). In der Notiz steht nicht das Bild selbst, sondern eine „Adresse", die auf den Speicherort woanders zeigt. Stell dir vor, im Notizbuch steht nur eine Zeile: „Foto liegt in der dritten Schublade zuhause." Du selbst gehst heim und öffnest die Schublade, aber andere stehen vor verschlossener Tür.

Verstanden? Mein Bruch damals war Fall zwei. Meine Screenshots stammten aus einer Quelle, auf die nur ich Zugriff hatte, und die Browser meiner Gruppe kamen an diese „Schublade" schlicht nicht heran.

Beim ersten Ansehen wirken die zwei fast gleich, das Bild taucht ja auf. Der Unterschied zeigt sich erst, wenn „eine andere Person, ein anderer Rechner, ein anderes Konto" ins Spiel kommt — und gemeinsame Notizen bedeuten per Definition, dass viele zusammen draufschauen. Deshalb tappt fast jeder in diese Grube.

HackMD: ![](url) ist praktisch, hat aber zwei versteckte Fallen

HackMD ist bei vielen Informatik- und Technik-Lerngruppen erste Wahl, weil die Live-Synchronisation blitzschnell ist — sogar Zeichen, die du noch nicht mit Enter bestätigt hast, sehen die anderen. Es nutzt Markdown-Syntax.

Der sauberste Weg, ein Bild abzulegen, ist der eingebaute Upload von HackMD. Es gibt drei Wege:

1. Die Bilddatei direkt in den Editor ziehen
2. Auf das Bild-Symbol in der Toolbar klicken und die Datei wählen
3. Bild kopieren und direkt mit Strg+V / Cmd+V einfügen

Alle drei erzeugen automatisch ein ![](Bild-URL), und das Bild wird zu HackMD hochgeladen. So sehen es die anderen normalerweise.

Erste Falle: In der Gratisversion darf jedes Bild nur 1 MB groß sein. Ein heutiger Handy-Screenshot hat schnell 2 bis 3 MB, du merkst also, dass manche Bilder hochgehen und manche nicht, und die zu großen scheitern still. Die kostenpflichtige Prime-Version hebt das auf 20 MB an. Gewöhn dir vor der Lerngruppe an: „erst komprimieren, dann einfügen".

Ich habe es selbst gemessen: Ein spontaner Vollbild-Screenshot vom iPhone hat rund 2,4 MB, ein Spielszenen- oder langer Web-Screenshot geht sogar über 4 MB. Kippt man die direkt in die HackMD-Gratisversion, scheitern von zehn Bildern etwa drei bis vier still — und der Punkt ist: Es kommt keine Fehlermeldung, die Seite hat einfach lautlos ein paar Bilder weniger, und du merkst es oft erst, wenn die ganze Notiz schon abgegeben ist. „Erst komprimieren, dann einfügen" ist also keine Pedanterie, das rettet dir wirklich den Hintern. Ein kostenloses Tool wie Squoosh (squoosh.app) reicht, jedes Bild unter 1 MB drücken, dann schluckt HackMD es.

Die zweite Falle ist hinterhältiger und vielen unbekannt: Die Bildberechtigung von HackMD hängt an der „Ursprungs-Notiz". Heißt: Postest du ein Bild in „Notiz A", kopierst die Bild-URL und fügst sie in die geteilte „Notiz B" ein — sobald du „Notiz A" löschst oder deren Leserechte auf „nur ich" stellst, stirbt das Bild in „Notiz B" mit und wird zum Bruch. Am sichersten in der Lerngruppe: Bilder direkt in diese gemeinsame Notiz selbst hochladen, nicht per Link aus einer privaten Notiz ziehen. Merk dir das, und die Abbruchrate halbiert sich sofort.

Notion: Dasselbe „Einfügen" kann Upload oder externer Link sein

Notion braucht keine Syntax, die Oberfläche ist hübsch, viele machen damit ihre Gruppenarbeit-Übersichtsseiten. Aber seine Bildlogik verwirrt Neulinge eher noch mehr.

Legst du in Notion ein Bild ab, siehst du zwei Optionen:

• Upload: Datei vom Rechner wählen oder Bilddatei auf die Seite ziehen. Dieses Bild liegt in Notions eigenem Cloud-Speicher, am stabilsten.
• Embed link: Eine Bild-URL einfügen.

Der springende Punkt: Embed link ist im Kern ein externer Link. Notion holt das Bild nur „in Echtzeit von dieser URL" und zeigt es an. Wird das Bild an der Quelle gelöscht oder die Berechtigung geschlossen, erscheint auf deiner Notion-Seite ein kühles Failed to Load.

Anfangs habe ich auch nicht verstanden, warum manche Bilder stabil hielten und andere nach ein paar Tagen abfielen. Später war es simpel — der Unterschied lag nur darin, ob ich Upload oder Embed gedrückt hatte.

Und ein verbreitetes Missverständnis räume ich gleich aus: Notions Gratisversion hat inzwischen kein Größenlimit pro hochgeladener Datei mehr (früher galten 5 MB, das wurde abgeschafft). In Notion also: kannst du direkt uploaden, dann uploade, kleb dir nicht aus Bequemlichkeit einen dubiosen externen Link rein.

Noch eine Stelle, die Neulinge gern übersehen: Willst du nach dem Embed prüfen, ob es stabil ist, teilst du die Seite am schnellsten als öffentlichen Link und öffnest sie im Handy-Browser ohne Login. Wird auch nur ein Bild zu Failed to Load, ist es ein externer Link und bricht, sobald die Quelle irgendwann ausfällt. Eine Minute vorab testen ist besser, als am Abgabetag im Seminarraum grün anzulaufen, oder?

Google Doc: Bild einfügen ist okay, der Drive-Link ist die Mine

Der größte Anteil bei Gruppenarbeiten läuft nach wie vor über Google Doc, weil die Hürde am niedrigsten ist und es jeder kann.

Gute Nachricht: „Einfügen → Bild → Vom Computer hochladen" ist sicher. Das Bild wird in dieses Dokument gespeichert, jeder, mit dem du teilst, sieht es, es bricht praktisch nie. Kein Grund zur Sorge.

Die echte Mine ist der andere Eingang: „Einfügen → Bild → Per URL hochladen". Hier gibt es offiziell eine klare Regel — die eingefügte URL darf kein drive.google.com-Link sein. Du kannst also den Freigabelink eines Bilds aus deinem eigenen Google Drive nicht als Bildquelle nehmen, das System nimmt ihn schlicht nicht an.

Noch schlimmer: Das externe Verlinken von Drive-Bildern ist im Umfeld generell schlechter geworden. Laut vielen Schadensberichten aus Anfang 2024 hat Google seither wegen der Anpassung der Drittanbieter-Cookie-Richtlinie viele Seiten und Dokumente, die „Drive-Links extern einbetteten", kollektiv lahmgelegt. In deinem eigenen Konto siehst du es, bei anderen oder in anderer Umgebung bleibt es leer. Das ist kein Einstellungsfehler von dir, Google hat diesen Weg aktiv verengt.

In einem Satz: Freigabelinks von persönlichem Cloud-Speicher (Google Drive, Dropbox und Co.) sind von Natur aus nicht für „direktes Bild-Einbetten" gedacht und brechen beim Notiz-Teilen fast garantiert.

Drei Plattformen, eine Tabelle

Alles von oben zusammengefasst, vor der Lerngruppe einmal drüberschauen:

Plattform	Stabilste Methode	Methode, die bricht	Gratis-Limit
HackMD	direkt in diese Notiz uploaden	Bild-Link aus privater Notiz kopieren	1 MB pro Bild
Notion	per Upload Datei hochladen	externe URL per Embed link	derzeit kein Größenlimit pro Datei
Google Doc	Einfügen → Bild vom Computer	Einfügen → Drive-Link per URL	eingebaut, hängt am Dokument

Siehst du die Gemeinsamkeit? Die „sichere Lösung" aller drei Plattformen ist derselbe Satz: Lass die Bilddatei selbst in die Notiz kommen, statt eine externe Adresse hineinzuwerfen.

Warum „Cloud-Speicher-Link" zwangsläufig schiefgeht

Eine Ebene tiefer erklärt, denn verstanden tappst du nie wieder rein.

Persönlicher Cloud-Speicher (Google Drive, iCloud, Dropbox) ist für privates Archiv plus autorisiertes Teilen gebaut, nicht dafür, dass Webseiten Bilder „direkt einbetten". Hinter ihren Freigabelinks stecken meist diese drei Schranken:

1. Berechtigungsprüfung: Ist der Gegenüber autorisiert? Wenn nicht, blockiert.
2. Login-Prüfung: Viele Freigabelinks prüfen heimlich, ob du bei Google/Dropbox eingeloggt bist.
3. Hotlink-Schutz (Referer-Prüfung): Der Server schaut, „von welcher Website diese Bildanfrage kommt", ist es nicht die eigene, wird abgelehnt.

Die Notiz-Plattform rendert das Bild für andere Gruppenmitglieder mit der Identität „eines fremden Besuchers". Hakt auch nur eine der drei Schranken, kommt das Bild nicht durch. Und du selbst, schon eingeloggt und berechtigt, siehst das Problem nie — genau deshalb wird „bei mir sieht doch alles bestens aus" zur Klassiker-Szene.

Am kontraintuitivsten ist Schranke drei, der Hotlink-Schutz. Stell dir eine Werkskantine vor: Der Wachmann am Eingang erkennt nur den eigenen Mitarbeiterausweis, Außenstehende mit derselben Speisekarte werden trotzdem abgefangen. Die Notiz-Plattform hat beim Bildholen für deine Gruppe genau diesen „Ausweis" nicht und bleibt draußen.

Ehrlich gesagt ist das keine dumme Einstellung, sondern ein Werkzeug im falschen Kontext. Damit ein Bild stabil von jedem, auf jedem Gerät zu sehen ist, brauchst du einen Dienst, der explizit „öffentliche Direktlinks" bereitstellt — landläufig ein Bild-Hoster.

Schritt für Schritt: die SOP, damit Notizen-Bilder nie brechen

Ein Ablauf, den du nur nachmachen musst:

1. Vor dem Öffnen klären: Sehen andere diese Notiz? Wenn ja, keine persönlichen Cloud-Speicher-Links für Bilder.
2. Kannst du uploaden, dann uploade: HackMD ziehen / Notion Upload / Google Doc Bild vom Computer, immer diesen Weg zuerst.
3. Zu großes Bild vorher komprimieren: Handy-Screenshots liegen oft bei 2 bis 3 MB, mit Squoosh (squoosh.app) unter 1 MB drücken, dann schluckt HackMD es.
4. Braucht ein Bild „an mehreren Stellen"?, nimm einen Bild-Hoster: Soll dasselbe Bild gleichzeitig in Notiz, Discord und Präsentation, lade es auf einen Hoster mit stabilem Direktlink und kopiere die eine URL überallhin.
5. Vor dem Livegang zwingend im Inkognito-Fenster selbst testen: Inkognito-Tab öffnen, ohne Login, Notiz aufrufen, prüfen, ob alle Bilder erscheinen. Dieser Schritt kostet 30 Sekunden und rettet der ganzen Gruppe das Gesicht.

Punkt fünf ist der wichtigste. Genau dieser eine Schritt sorgt dafür, dass du nie wieder die Nachricht „warum ist deine Seite voller kaputter Bilder" bekommst.

Kurzer DSGVO-Hinweis fürs Studium in Deutschland

Eine Sache, die im deutschsprachigen Raum zählt und in den englischen Tutorials fehlt: Lädst du Whiteboard-Fotos oder Screenshots hoch, auf denen Namen, Matrikelnummern oder Gesichter von Kommilitonen zu sehen sind, verarbeitest du personenbezogene Daten im Sinne der DSGVO. Für eine private Lerngruppe ist das meist unkritisch, aber ein öffentlicher Direktlink macht das Bild potenziell für jeden auffindbar. Zwei Faustregeln: Sensible Aufnahmen mit Passwortschutz versehen und, wo möglich, einen selbstzerstörenden Einmal-Link nutzen. So bleibt der Kreis der Betrachter klein.

Braucht man stabile Direktlinks, ist ein Bild-Hoster die einfachste Lösung

Muss dein Bild plattformübergreifend mehrfach herhalten (Notiz + Gruppe + Folien), lade es lieber einmal hoch, hol einen stabilen Direktlink und kleb ihn überallhin, statt es auf jeder Plattform separat hochzuladen. Genau dafür existieren Bild-Hoster.

Beispiel lpic.cc: ohne Registrierung kostenlos hochladen, du bekommst einen Direktlink, den du direkt in HackMD ![](url), Notion Embed oder jedes Markdown einfügen kannst, per CDN verteilt, für jeden und jedes Gerät stabil schnell. Für Lerngruppen praktisch: Passwortschutz (sensible Whiteboard-Fotos nicht offen), selbstzerstörend nach dem Ansehen, und es unterstützt sogar Videos, nicht nur Bilder.

Die Grenzen ehrlich gesagt: lpic.cc-Gratisdateien haben eine maximale Aufbewahrungsdauer (aktuell 30 Tage) und ein Größenlimit pro Datei, und der Dienst ist werbefinanziert. Es passt also zu „Lerngruppe über ein Semester, spontanes Teilen"; für dauerhaftes Archiv, das du in zehn Jahren noch brauchst, mach separat ein Langzeit-Backup und leg nicht die einzige Kopie dorthin.

Häufige Fragen (FAQ)

F1: Warum sehe ich das Bild, meine Gruppe aber kaputte Bilder?

Zu 90% weil du „externen Link" statt „Upload" genutzt hast und diese Quelle (meist dein privater Cloud-Speicher oder eine private Notiz) nur dir gehört. Der Browser der Gruppe holt das Bild als fremder Besucher und wird von der Berechtigung geblockt. Lösung: den plattformeigenen „Upload" nehmen oder einen Hoster mit öffentlichem Direktlink.

F2: HackMD sagt ständig, mein Bild-Upload sei fehlgeschlagen — was tun?

Zuerst die Bildgröße prüfen. Die Gratisversion erlaubt 1 MB pro Bild, Handy-Screenshots überschreiten das leicht. Mit Squoosh oder TinyPNG komprimieren, dann einfügen. Außerdem sicherstellen, dass du „in diese Notiz" uploadest und nicht einen Link aus einer privaten Notiz kopierst.

F3: Kann ich einen Google-Drive-Bildlink direkt in die Notiz kleben?

Dringend abzuraten. Google Doc selbst akzeptiert keine drive.google.com-Bild-URL; und externes Verlinken von Drive-Bildern auf anderen Plattformen ist nach 2024 wegen Googles Cookie-Anpassung massenhaft ausgefallen. Freigabelinks von persönlichem Cloud-Speicher sind nicht fürs direkte Einbetten gedacht und brechen.

F4: Worin unterscheiden sich Notion-Upload und Embed genau?

Upload speichert die Bilddatei in Notions eigenem Cloud-Speicher, am stabilsten, das Löschen der Quelle stört nicht. Embed holt das Bild live von einer externen URL; wird die Quelle gelöscht oder gesperrt, erscheint Failed to Load. Kannst du uploaden, dann uploade.

F5: Ein Bild soll gleichzeitig in Notiz, Discord und Präsentation — was ist am einfachsten?

Auf einen Hoster mit stabilem Direktlink laden (etwa das registrierungsfreie lpic.cc) und eine URL überallhin kleben. So pflegst du nur eine Quelle, jede Plattform zeigt dasselbe Bild, und du musst nicht mehrfach hochladen.

Quellen

• Wie man Bilder hochlädt - HackMD-Doku (Zugriff 2026-07) — drei Upload-Wege, 1 MB / 20 MB Limit, Lösch- und Berechtigungsregeln
• Images, files & media – Notion Hilfe (Zugriff 2026-07) — Unterschied Upload vs. Embed
• IMAGE-Funktion / Bild einfügen - Google-Docs-Hilfe (Zugriff 2026-07) — Grenzen beim Einfügen per URL
• Google Drive external image link fix - WFU BLOG (Zugriff 2026-07) — kollektiver Ausfall Anfang 2024 und Drittanbieter-Cookie-Politik
• HackMD als Markdown-Kollaborationstool - iT邦幫忙 (Zugriff 2026-07) — Live-Sync-Eigenschaften und Einsatzszenarien