Markdown in ein Bild umwandeln (PNG oder JPG)

Notizen, Tabellen und Code in ein teilbares Bild verwandeln — Markdown zu PNG für gestochenen Text oder JPG, mit Live-Vorschau und einstellbaren Maßen.

Für immer kostenlos · Läuft in Ihrem Browser · Keine Anmeldung · Qualitätsbericht inklusive

Zuletzt geprüft: 2026-10-25 · engine v0.5.0 · Änderungsprotokoll

Markdown in ein Bild verwandeln (3 Schritte)

1. Markdown einfügenNotizen, eine Tabelle oder Code in Markdown einfügen
2. Breite und Stil wählenBildbreite und hellen/dunklen Kartenstil wählen — die Vorschau aktualisiert live

Kompletter Workflow: KI-Chat-Ausgaben als Bild teilen

3. PNG herunterladenEin gestochenes PNG (oder JPG) herunterladen, vollständig im Browser gerendert

Beispiel: Markdown → PNG image

Ein Code-Ausschnitt, der sich in einem Chat chatten lässt.

Eingabe (Markdown)
# deploy.sh

```bash
./deploy --region emea --wait
```
Ausgabe (png)

Karten-Layoutvorschau — der Export ist ein fertiges 2×-PNG/JPG-Bild, lokal in diesem Stil gerendert.

deploy.sh

./deploy --region emea --wait
Rendered with DocsFast

Was nativ konvertiert (und was nicht)

FeatureErgebnis im PNG image
Überschriften, Listen, Tabellen, CodeNativ — Mit passenden Stilen auf die Karte gerendert
BildbreiteNativ — 640, 800 oder 1200 px
Helle / dunkle KarteNativ — Die Vorschau zeigt exakt das, was heruntergeladen wird
SchärfeNativ — Mit 2× gerendert, damit Text in Chat-Apps und auf High-DPI-Displays gestochen bleibt
Lange DokumenteNativ — An Blockgrenzen automatisch in nummerierte Seiten geteilt und als ZIP geliefert, wenn ein Bild die sicheren Canvas-Grenzen sprengen würde (Engine v0.4.0)
Eingebettete data-URI-BilderNativ — Lokale Inline-Bilder werden in die Karte gezeichnet; relative/entfernte Referenzen werden zu beschrifteten Platzhaltern (nie abgerufen — sie würden die Canvas „vergiften“)
Entfernte BilderNicht unterstützt — Werden nie abgerufen — keine Drittanbieter-Anfrage in Ihrem Namen
JPG-VarianteNativ — JPG füllt die Kartenhintergrundfarbe vor (JPG hat keine Transparenz)

Vollständige Element-für-Element-Ground-Truth mit Testdaten: Formatunterstützung.

Was dieses Tool nicht tut

  • Nein: SVG- oder WebP-Export — nur PNG und JPG
  • Nein: Eigene Schriften oder Farben über die zwei Themes hinaus
  • Nein: Zuschneiden oder Annotieren
  • Nein: Entfernte Bilder — von Design wegen, nie abgerufen

Wofür Menschen Markdown zu Bild nutzen

Code-Ausschnitte für den ChatEinen eingezäunten Block als gestochene PNG-Karte rendern — Thema und 2×-Schärfe überleben Slack, Discord und X, wo eingefügtes Markdown nicht mithält.
Tabellen und Notizen als social-fertige BilderEine Markdown-Tabelle oder Notiz in ein teilbares Bild verwandeln — helle oder dunkle Karte, 640–1200 px breit, lokal gerendert, damit nichts abfließt.

Häufig gestellte Fragen

PNG oder JPG — was soll ich nehmen?

PNG ist der Standard: verlustfrei mit optional transparentem Umfeld, sodass Text in jeder Größe gestochen bleibt. JPG ist kleiner und ideal für fotolastige Inhalte — Weiß wird als Hintergrund eingefüllt, weil JPG keine Transparenz kennt.

Wie werden Bilder im Markdown behandelt?

Inline-data-URI-Bilder werden in die Karte eingebettet; entfernte Bilder werden nie abgerufen — dieselbe Datenschutzregel wie bei jedem DocsFast-Tool.

Ist der Text wirklich gestochen scharf?

Ja. Die Karte wird mit 2× Auflösung gerendert — auf High-DPI-Displays und in Chat-Apps bleibt der Text scharf.

Kann ich Größe und Aussehen ändern?

Breite von 640/800/1200 px und hellen oder dunklen Kartenstil wählen — die Live-Vorschau zeigt exakt, was Sie herunterladen.

Welche Breite für den Chat?

800 px ist Standard und passt für Chat-Clients und Social-Posts; 640 passt in schmale Threads, 1200 für Blog-Einbettungen. Jede Größe rendert mit 2× für scharfen Text.

Hat das PNG einen transparenten Hintergrund?

Die Karte nutzt die Hintergrundfarbe ihres Themas (hell oder dunkel), und das PNG bewahrt sie exakt; wählen Sie JPG, wird der Hintergrund weiß gefüllt, weil JPG keine Transparenz kennt.

Was ist die kleine Fußzeile?

Jede Karte trägt als Teil des Designs eine dezente Zeile „Mit DocsFast gerendert — lokal, privat, Markdown → Bild“, damit Leute, denen die Ausgabe gefällt, wissen, woher sie kommt.

Was passiert mit sehr langen Dokumenten?

Langes Markdown wird an Blockgrenzen in nummerierte Seiten geteilt — Seite 2 beginnt exakt dort, wo Seite 1 endet, nie mitten im Satz — und die Seiten kommen als ZIP (Engine v0.4.0). Das gibt es, weil Browser eine Obergrenze für die Größe eines einzelnen Canvas-Bildes haben; die Teilung hält jede Seite innerhalb dieses Limits, sodass nichts leer oder abgeschnitten herauskommt.

Kann ich einen Code-Ausschnitt ohne Screenshot-Tool teilen?

Ja — den eingezäunten Codeblock einfügen, Breite und Thema wählen und ein 2×-PNG herunterladen, in Ihrem Browser gerendert. Text bleibt in Chat-Apps und auf High-DPI-Displays scharf, und nichts wurde hochgeladen.

Wozu dienen Markdown-zu-Bild-Karten?

Meistens Chat und Social: Code-Ausschnitte in Slack oder Discord, Tabellen und Notizen in Community-Posts und Doku-Screenshots, wo ein lebendes Dokument Overkill wäre. Die Kartenfußzeile verlinkt zurück hierher.

Verwandte Tools

Verwandte Suchanfragen: markdown zu pdf · markdown zu html · markdown editor