Markdown in Bild umwandeln
Schreiben Sie links Markdown und erhalten Sie rechts ein PNG. Wählen Sie eine Größe für Instagram, LinkedIn, YouTube und mehr oder geben Sie eigene Breite und Höhe ein, und laden Sie das Bild herunter.
Weitere Einstellungen— Voreinstellungen, Konvertierungsoptionen und der PDF-Stempel
Profile— Wählen Sie, wohin der Text soll, und die Einstellungen passen sich an. Ihr eigener Text wird nie ersetzt — ein Beispiel wird nur in einen leeren Bereich geladen.
Umwandlungseinstellungen
Diese gelten nur für reinen Text. Rich Text und HTML behalten die echte Struktur des Dokuments, hier gibt es also nichts zu entscheiden. Wechseln Sie zurück zu reinem Text, um sie zu nutzen.
Stempelwerkstatt— Kopf- und Fußzeile auf dem PDF
Schon eingerichtet — eine Fußzeile mit dem Dokumenttitel und der Druckzeit. Wenn Sie nichts ändern, funktioniert es einfach. Ändern Sie unten beliebig, oder wählen Sie eine fertige Anordnung.
Schreiben Sie, was Sie möchten. Diese werden beim Drucken durch Werte ersetzt:
{title}- Erste Überschrift oder erste Zeile des Dokuments
{date}- Datum, an dem das PDF gedruckt wurde
{time}- Uhrzeit, zu der das PDF gedruckt wurde
{datetime}- Beides, z. B. 30. Aug. 2026, 14:57
Es gibt kein Seitenzahl-Token: Ein Browser kann Seiten in einer laufenden Kopfzeile nicht zählen. Ihr Druckdialog kann Seitenzahlen hinzufügen — siehe den Hinweis unten.
Strg / ⌘ + Scrollen oder Aufziehen zoomt die Vorschau · Ziehen verschiebt
Markdown
0 chars
Ausgabe
0 chars
Strg / ⌘ + Scrollen oder Aufziehen zoomt · Ziehen verschiebt
Tastenkürzel— dieselben Tasten wie in VS Code, oder drücken Sie Ctrl / ⌘ + H
Ausgabe
- Ctrl/⌘+EnterAusgabe kopieren
- Ctrl/⌘+SAusgabe herunterladenVS Code: Save
- Ctrl/⌘+PAls PDF speichernÜbernimmt den Druckdialog des Browsers, damit das Dokument gedruckt wird und nicht die Seite darum herum
- Ctrl/⌘+Shift+VZwischen Klartext → Rich Text → HTML-Quelltext wechselnVS Code: Open Markdown preview
Ansicht
- Ctrl/⌘+BAusgabe auf den Bildschirm einpassen und zurückVS Code: Toggle the sidebar
- F11VollbildVS Code: Toggle full screen
- Ctrl/⌘+=Ausgabe größerVS Code: Zoom in
- Ctrl/⌘+-Ausgabe kleinerVS Code: Zoom out
- Ctrl/⌘+0Ausgabegröße für diesen Bildschirm zurücksetzenVS Code: Reset zoomZurück auf 100 % und auf die Schriftgröße, mit der dieses Gerät hätte starten sollen
- EscZurück zu zwei Bereichen und aus dem VollbildVS Code: Leave Zen Mode
Hilfe
- Ctrl/⌘+Hor?Diese Liste anzeigenVS Code: Keyboard shortcuts is Ctrl+K Ctrl+SAuf einem Mac belegt das System ⌘H zum Ausblenden des Fensters — nutzen Sie dort Ctrl+H oder ?
Für ein besser aussehendes PDF— vier Einstellungen im Druckdialog
- Destination: Save as PDF.Not a physical printer, and not "Microsoft Print to PDF" if you can avoid it — it rasterises less predictably.
- Turn on “Background graphics”.It lives under More settings. Without it the browser strips every fill: code blocks lose their shading, table headers go white, and a dark-theme PDF comes out as white paper with white text on it.
- Turn off “Headers and footers”.That is the browser adding the page URL and date of its own accord, which collides with the stamp set in the stamping bay. Switch the browser’s off and keep yours — or the reverse if you want page numbers, which only the browser can count.
- Pick the paper in the dialog.The document no longer asks for a sheet size of its own, so Paper sizeand Scale are both yours to set — pick A4, Letter or anything else your printer offers, and shrink a wide table with Scale if you need to. Margins are still set by the document, sized to fit whatever header and footer you chose.
- Avoid “Fit to page”.It rescales the type and throws the margins out, which is what the stamp spacing depends on. 100% or Default gives the layout the document was built for.
Landscape suits documents built around wide tables. If a table still runs off the edge, switch the output to plain text with tab-separated tables and paste it into a spreadsheet instead — a PDF is a poor container for a very wide table.
So wird aus Markdown ein Bild
- Fügen Sie Ihr Markdown ein oder tippen Sie es – oder laden Sie eine .md-Datei hoch bzw. eine per URL.
- Wählen Sie eine Größe: eine Plattform-Vorlage oder eigene Breite und Höhe.
- Legen Sie fest, wie der Inhalt passt (ganzes Dokument oder volle Breite), und ob hell oder dunkel.
- Prüfen Sie die Live-Vorschau und klicken Sie auf PNG herunterladen.
Was Sie hier tun können
Fertige Social-Media-Größen
Instagram-Beiträge, Hochformat und Stories, LinkedIn-Beiträge und Banner, YouTube-Thumbnails und Kanalbanner, Bilder für X und Facebook, Full HD und A4 – jeweils mit einem Klick.
Eigene Breite und Höhe
Geben Sie jede Größe von 64 bis 8000 px ein. Lassen Sie die Höhe leer, behält das Bild die Proportionen Ihres Dokuments.
Zwei Arten der Anpassung
Zeigen Sie das ganze Dokument mit Rändern oder füllen Sie die Breite und schneiden Sie ab, was unten überläuft – praktisch für einen quadratischen Beitrag aus einer langen Notiz.
Hell oder dunkel, mit Kopf- oder Fußzeile
Rendern Sie auf weißem oder dunklem Hintergrund und setzen Sie über die zusätzlichen Einstellungen einen Titel, Text oder ein Datum ins Bild.
Live-Vorschau
Das Bild aktualisiert sich beim Tippen, inklusive der genauen Ausgabegröße. Was Sie sehen, ist die Datei, die Sie herunterladen.
Privat von Grund auf
Das Rendern passiert in Ihrem Browser. Ihr Markdown wird nirgendwohin hochgeladen.
Leitfaden zu Bildgrößen
Gängige Upload-Größen in Pixeln. Plattformen ändern sie hin und wieder – verstehen Sie die Werte als Ausgangspunkt und prüfen Sie bei der Plattform nach, wenn es auf die genaue Platzierung ankommt.
| Plattform | Format | Größe (px) | Seitenverhältnis |
|---|---|---|---|
| Beitrag (quadratisch) | 1080 x 1080 | 1:1 | |
| Beitrag (Hochformat) | 1080 x 1350 | 4:5 | |
| Story / Reel | 1080 x 1920 | 9:16 | |
| Beitrag (Querformat) | 1200 x 627 | 1.91:1 | |
| Beitrag (quadratisch) | 1080 x 1080 | 1:1 | |
| Beitrag (Hochformat) | 1080 x 1350 | 4:5 | |
| Profilbanner | 1584 x 396 | 4:1 | |
| YouTube | Thumbnail | 1280 x 720 | 16:9 |
| YouTube | Kanalbanner | 2560 x 1440 | 16:9 |
| X (Twitter) | Beitragsbild | 1600 x 900 | 16:9 |
| Geteiltes Bild | 1200 x 630 | 1.91:1 | |
| Allgemein | Full HD | 1920 x 1080 | 16:9 |
| Allgemein | A4-Seite (150 dpi) | 1240 x 1754 | 1:1.414 |
Fragen
- Ist Markdown in Bild kostenlos?
- Ja. Ohne Registrierung, ohne Wasserzeichen und ohne Begrenzung, wie viele Bilder Sie erstellen.
- Wird mein Text irgendwo hochgeladen?
- Nein. Das Bild wird in Ihrem Browser gezeichnet, Ihr Markdown verlässt also nie Ihr Gerät.
- Welche Größe sollte ein Instagram- oder LinkedIn-Bild haben?
- Üblich empfohlen sind 1080 x 1080 oder 1080 x 1350 für Instagram-Feed-Beiträge und 1200 x 627 für ein LinkedIn-Bild im Link-Stil. Wählen Sie die Vorlage, und die Größe wird für Sie eingetragen.
- Kann ich ein Bild in beliebiger Größe erstellen?
- Ja. Geben Sie eine Breite und Höhe zwischen 64 und 8000 px ein. Lassen Sie die Höhe leer, folgt sie den Proportionen Ihres Dokuments.
Ratgeber
- So passt langer Text in einen quadratischen Beitrag, ohne gedrängt zu wirken— Ganzes Dokument oder volle Breite? Wie sich die beiden Anpassungsmodi in Markdown in Bild verhalten, wann Sie welchen nutzen und wie aus einer langen Notiz eine saubere quadratische oder hochformatige Grafik wird.
- So wird aus Markdown ein PNG-Bild, das Sie überall posten können— Schritt für Schritt: Markdown-Notizen, Checklisten und Tabellen als PNG in der passenden Größe für Instagram, LinkedIn oder eine Folie – ohne Ihren Text irgendwo hochzuladen.
- Bildgrößen für Social Media – Cheat Sheet für Instagram, LinkedIn, YouTube und X— Die üblicherweise empfohlenen Pixelgrößen und Seitenverhältnisse für Bilder auf Instagram, LinkedIn, YouTube, X und Facebook in einer Tabelle – und wie Sie die passende wählen.
Was dieser Editor sonst noch kann
- Reiner Text— unformatierter Text für Formulare, Terminals und E-Mails im Nur-Text-Format
- Rich Text— formatierte Ausgabe direkt in Word, Docs, Gmail oder Outlook kopieren
- HTML-Quelltext— bereinigtes Markup für ein CMS, eine Vorlage oder einen E-Mail-Builder
- Der vollständige Konverter— speichert auch PDF-, Word- (.docx), .html- und Markdown-Dateien