Markdown Bilderhoster: Bilder für GitHub-READMEs, Doku und Notizen

Von Produktteam

Lade einen Screenshot, ein Diagramm oder ein GIF hoch. Du bekommst Markdown zum direkten Einfügen in eine README, ein Wiki oder deine Notizen – kostenlos, ohne Anmeldung, und der Link läuft nicht ab.

Bild hochladen

★ Bewertet mit 4.4/5 aus 137 Nutzerbewertungen

Markdown zeigt ein Bild über einen Link an: ![alt text](image link). Das Bild muss irgendwo im Web liegen. YourImageShare hostet es kostenlos und gibt dir die fertige Markdown-Zeile zum Einfügen, für GitHub, GitLab, Obsidian, Dokumentationsseiten oder jede andere Markdown-Datei.

Markdown für ein Bild erhalten

  1. Bild hochladen. Klicke auf Bild hochladen oder füge am PC einen Screenshot ein – direkt aus der Zwischenablage mit Strg+V.
  2. Öffne den Tab „Markdown“, sobald der Upload fertig ist, und kopiere den Code.
  3. Füge ihn in deine Datei ein.

Der Tab „Markdown“ liefert ein anklickbares Bild, das die Originalgröße öffnet:

[![AbC123xYz0](https://yourimageshare.com/ib/AbC123xYz0.png)](https://yourimageshare.com/ib/AbC123xYz0)

Für ein einfaches Bild ohne Link behältst du nur den inneren Teil und gibst einen aussagekräftigen Alternativtext an:

![Settings screen](https://yourimageshare.com/ib/AbC123xYz0.png)

Bilder in GitHub-READMEs, Issues und Wikis

GitHub zeigt externe Bilder in READMEs, Issues, Pull Requests, Discussions und Wikis an. Füge den Markdown-Code ein, und das Bild erscheint, sobald die Seite dargestellt wird.

  • Größe festlegen kannst du mit einem HTML-Tag, den GitHub in Markdown erlaubt: <img src="https://yourimageshare.com/ib/AbC123xYz0.png" width="400" alt="Screenshot">
  • Demo-GIFs werden in einer README weiter abgespielt – siehe GIFs hochladen, oder wandle eine Bildschirmaufnahme mit dem Video-zu-GIF-Konverter in ein GIF um.
  • Alternativtext beschreibt das Bild für Screenreader und wird angezeigt, wenn es nicht geladen werden kann.

Obsidian, Notion und Dokumentationsseiten

  • Obsidian, Typora, VS-Code-Vorschau und andere Markdown-Editoren zeigen das Bild über den Link an, deine Notizen bleiben also klein und das Bild funktioniert auf jedem Gerät.
  • Notion: Tippe /image, wähle Link einbetten und füge den direkten Link ein (Tab Direct).
  • Doku-Seiten, die mit MkDocs, Docusaurus, Jekyll, Hugo oder GitBook erstellt wurden, stellen dieselbe Markdown-Bildsyntax dar.

Warum Bilder außerhalb des Repositorys hosten

  • Kleinere Repositories. Screenshots und GIFs machen jeden Klon um Megabyte größer, für immer, selbst wenn du sie ersetzt. Ein gehostetes Bild wird nur geladen, wenn jemand die Seite ansieht.
  • Links laufen nicht ab. Bilder bleiben gespeichert, bis du sie löschst.
  • Keine Anmeldung nötig und nichts zu konfigurieren. Für Skripte und CI gibt es eine kostenlose Upload-API.
  • Volle Auflösung und kein Wasserzeichen. EXIF-Daten, auch der Standort, werden entfernt, bevor das Bild gespeichert wird.

Häufig gestellte Fragen

Wie füge ich ein Bild in eine Markdown-Datei ein?
Lade das Bild hoch, kopiere den Markdown-Code aus dem Tab „Markdown“ und füge ihn in die Datei ein. Markdown zeigt ein Bild mit ![alt text](image link) an.
Kann ich diese Bilder in einer GitHub-README verwenden?
Ja. GitHub zeigt externe Bilder in READMEs, Issues, Pull Requests und Wikis an. Füge den Markdown-Code ein, und das Bild erscheint, sobald die Datei dargestellt wird.
Wie lege ich die Größe eines Bildes in einer README fest?
Reines Markdown kennt keine Größenangabe. Verwende auf GitHub ein HTML-Bild-Tag mit Breite, zum Beispiel <img src="image link" width="400" alt="Screenshot">.
Warum README-Bilder außerhalb des Repositorys hosten?
Screenshots und Demo-GIFs machen jeden Klon des Repositorys um Megabyte größer. Ein gehostetes Bild wird nur geladen, wenn jemand die README ansieht.
Laufen die Bild-Links ab?
Nein. Bilder bleiben gespeichert, bis du sie löschst, daher funktionieren Links in der Dokumentation weiter.

Weitere Anwendungsfälle

Bereit, dein Bild hinzuzufügen?