Einbettungsformate

Bildlinks in Markdown, HTML und BBCode verwenden

Vergleichen Sie Direkt-URL, Markdown, HTML und BBCode für dasselbe Bild und beheben Sie Anzeigefehler.

Bild hochladen und URL kopieren Temporär teilen

Direkt-URLMarkdown / HTML / BBCodeDieselbe Demo

Das Format nach dem Ziel wählen

Die meisten Einbettungsprobleme entstehen, wenn ein funktionierender Link in der falschen Syntax eingefügt wird. Gehen Sie vom Ziel aus: Was akzeptiert der Editor, und soll das Bild angezeigt oder nur verlinkt werden?

Chat-Apps, E-Mail und Support-Tickets: die Direkt-URL einfügen. Viele zeigen automatisch eine Vorschau, und der Link funktioniert auch dann, wenn die Vorschau blockiert wird.
GitHub, GitLab, Dokumentationsseiten und Notiz-Apps: Markdown verwenden und den Standard-Alternativtext durch eine kurze Beschreibung des Bildinhalts ersetzen, etwa eine Einstellungsseite mit hervorgehobener Speichern-Schaltfläche.
CMS-Editoren und handgeschriebene Webseiten: HTML verwenden, wenn die Größe gesteuert werden soll. Mit width="600" im img-Tag sprengt ein großer Screenshot das Layout nicht.
Foren mit phpBB, vBulletin, MyBB oder ähnlicher Software: BBCode verwenden. Manche Foren erlauben nur Bilder von freigegebenen Hostern; zeigt das [img]-Tag ein leeres Feld, die Direkt-URL als normalen Link posten.

Dasselbe Demo-Bild, vier Ausgaben

Die Beispiele nutzen eine Betreiber-Datei, damit Formate ohne ablaufenden Nutzer-Upload verglichen werden können.

Live-Vorschau

Lädt die Vorschau, funktioniert die Direkt-URL im normalen Tab.

https://assets.mini-tools.uk/image/icon-512x512.png

Direkt-URL

In Chat, Tickets oder Tools mit Bild-URL einfügen.

https://assets.mini-tools.uk/image/icon-512x512.png

Markdown

Für GitHub README, Docs und Markdown-Editoren.

![Mini Tools demo](https://assets.mini-tools.uk/image/icon-512x512.png)

HTML

Nur wo der Editor img-Tags erlaubt.

<img src="https://assets.mini-tools.uk/image/icon-512x512.png" alt="Mini Tools demo">

BBCode

Nur für Foren, die klassische [img]-Tags unterstützen.

[img]https://assets.mini-tools.uk/image/icon-512x512.png[/img]

Eigene Formate auf /upload erzeugen. Die Webseite baut Markdown, HTML und BBCode im Browser aus der Direkt-URL.

Behandeln Sie temporäre Bildlinks nicht als dauerhafte Assets in langlebigen README-Dateien. Langfristige Nutzung braucht genehmigte dauerhafte Speicherung auf /upload.

Ein anklickbarer Link ist kein eingebettetes Bild

Beide Beispiele verwenden dieselbe funktionierende Bild-URL. In Markdown macht das Ausrufezeichen aus einem normalen Link ein Bild. Die Browserbeispiele zeigen die entsprechenden Link- und Bildelemente; die Darstellung in einem Forum oder Dokument hängt vom jeweiligen Editor ab.

Link: Das Bild wird durch Anklicken geöffnet

[Mini Tools demo](https://assets.mini-tools.uk/image/icon-512x512.png)

Mini-Tools-Demobild öffnen

Der Text ist anklickbar, das Bild steht aber nicht im Textfluss. Das eignet sich für optionale Screenshots oder Ziele, die keine eingebetteten Bilder erlauben.

Bild: Direkt auf der Seite sichtbar

![Mini Tools demo](https://assets.mini-tools.uk/image/icon-512x512.png)

Das Bild erscheint direkt, wenn das Ziel Markdown-Bilder unterstützt. Im HTML-Editor das oben gezeigte img-Element verwenden, für BBCode die [img]-Tags.

Das sichtbare Ergebnis hilft bei der Fehlersuche

Der gesamte Code wird als Text angezeigt: Prüfen Sie, ob Sie den Quelleditor oder die gerenderte Vorschau sehen. Markdown in einem Codeblock bleibt unverändert. Für die Bildanzeige die Codeblock-Markierungen entfernen oder im Editor Bild einfügen wählen und nur die Direkt-URL eintragen.
Anklickbarer Text, aber kein Bild: In Markdown das ! vor der eckigen Klammer prüfen. In HTML erzeugt a einen Link, img zeigt ein Bild. Auch in BBCode haben [url] und [img] unterschiedliche Aufgaben.
Die Direkt-URL funktioniert, am Ziel fehlt das Bild: Der Browser erreicht die URL. Prüfen Sie als Nächstes die Einstellungen für externe Bilder und erlaubte Hosts am Ziel. Erneutes Hochladen behebt keinen Editor, der Bild-Tags entfernt oder den Host sperrt.

Wenn das Bild nicht erscheint

Direktlink fehlgeschlagen: prüfen, ob die Direkt-URL allein im neuen Tab öffnet.
Falsches Format: prüfen, ob das Ziel das eingefügte Format akzeptiert (Markdown vs HTML vs BBCode).
Abgelaufener temporärer Upload: bei temporärer Aufbewahrung prüfen, ob die Frist endete.
Ziel blockiert Remote-Bilder: manche Sites blockieren Hotlinking oder entfernen Remote-Bilder per CSP/Moderation.

FAQ

Welches Format zuerst?

Zuerst Direkt-URL prüfen, dann Markdown, HTML oder BBCode wählen.

Liefert die API Markdown/HTML/BBCode?

Nein. Die API liefert u. a. success und url. Die Web-Upload-Seite erzeugt Share-Formate im Browser.

Warum Markdown ja, HTML nein?

Das Ziel erlaubt oft Markdown-Bilder, blockiert aber rohes HTML.

Darf ich die Demo-URL dauerhaft nutzen?

Sie dient dem Formatvergleich. Eigene Inhalte auf /upload hochladen.

Sollte ich den Alternativtext in der Markdown- und HTML-Ausgabe ändern?

Ja. Der Standard-Alternativtext ist allgemein gehalten. Eine kurze Beschreibung des Bildinhalts hilft Screenreader-Nutzern und wird angezeigt, wenn das Bild nicht lädt.