FIRST CH TOOLS / Text / 14 MARP SLIDES
Marp to PDF — Online Marp Slide Editor
Marp is a Markdown-based slide deck format: you write plain Markdown, and --- on its own line starts the next slide. This is an online Marp editor — Markdown on the left, slides on the right — that turns a deck into PDF through your browser's print dialog, one slide per page with no margins. You can also download a self-contained HTML deck you can open anywhere. Includes a Japanese-friendly theme. Nothing to install, and your draft is never sent to a server.
How to Use
- Write MarkdownPaste into the editor or open a .md file. A line containing only
---starts the next slide. - Pick a themeChoose the Japanese-friendly firstch theme or Marp's built-in default / gaia / uncover. A
theme:directive in your Markdown wins over this selector. - Save as PDFClick "Save as PDF" and pick "Save as PDF" as the print destination — one slide per page.
Marp to PDF: the page size you actually get
The PDF is produced by your browser's own print pipeline, not by a converter on a server, and the page size comes from
the slide size of the deck rather than from A4 or Letter. The deck this page builds carries a
@page { size: <slide width> <slide height>; margin: 0 } rule, so one slide fills exactly one page edge to edge.
Measured on decks exported from this page:
size: directive | Slide | PDF page box | Physical size |
|---|---|---|---|
| none (Marp default, 16:9) | 1280 × 720 px | 960 × 540 pt | 338.7 × 190.5 mm |
size: 4:3 | 960 × 720 px | 720 × 540 pt | 254 × 190.5 mm |
How this was measured: two- and three-slide decks were rendered here with the firstch theme, saved with
"Download HTML", and printed with Chrome 153. The page boxes above are the /MediaBox values read back out of the
resulting PDFs, and the page count matched the slide count exactly (2 slides → 2 pages, 3 slides → 3 pages).
The geometry is the same whichever theme you pick: firstch, default, gaia and
uncover all declare the same 16:9 1280×720 and 4:3 960×720 sizes, so the theme selector
changes the look of the slides but never the size of the PDF pages.
Two things follow from that. The PDF is not A4, so printing it on paper needs the print dialog's scale-to-fit option —
as a screen deck or an email attachment it is already the right shape. And a slide never spills onto a second page:
a deliberately overflowing slide (a heading plus 40 bullets) still came out as a single page, with the extra content running
off the bottom edge. If a slide is too full, split it with a --- line rather than expecting the PDF to continue it.
About This Tool
Rendering uses Marp's official marp-core v4.4.0 (MIT License), bundled for the browser.
It is the same engine as Marp CLI and the VS Code extension, so a deck written here works unchanged with the marp command —
and because the engine runs in the page itself, there is no Node install, no CLI and no account to set up before you can render a deck online.
The PDF comes out of your browser's print pipeline; see the page-size section above for the exact dimensions.
The firstch theme tunes line height, letter spacing and heading rules for Japanese text. Set it explicitly at the top of your Markdown:
--- marp: true theme: firstch paginate: true ---
Images, math and syntax highlighting all work (math via KaTeX, code via highlight.js). Your draft is never uploaded — the only network requests come from images you reference by external URL in your own Markdown. Several of our other tools are also callable directly by AI agents through our MCP server (using these tools from AI agents).
Other Tools
- 01Batch Image → WebP ConverterWebP Converter
- 02White Background RemoverWhite BG Remover
- 03WCAG Contrast CheckerContrast Checker
- 04Character CounterCharacter Counter
- 05llms.txt Generatorllms.txt Generator
- 06JSON-LD GeneratorJSON-LD Generator
- 07Markdown to PDFMarkdown to PDF
- 08OGP Meta Tag WizardOGP Wizard
- 09Favicon GeneratorFavicon Generator
- 10TikTok PublisherTikTok Publisher
- 11Encoding & Line Ending ConverterEncoding Converter
- 12Batch Image → AVIF ConverterAVIF Converter
- 13Test Data GeneratorTest Data Generator
- 15Text & Code Diff CheckerDiff Checker
- 16Cron Expression ExplainerCron Explainer
- 17Base64 & Data URI EncoderBase64 & Data URI
- 18URL Parameter Editor & UTM BuilderURL Parameters
- 19HTML Entity Escape & UnescapeHTML Escape
- 20JSON ⇄ YAML ConverterJSON ⇄ YAML
- 21PX ⇄ REM / EM ConverterPX ⇄ REM / EM 単位変換
- 22Color Converter & AlphaColorコード変換&アルファ透過
- 23MD5 / SHA-256 Hash Generatorハッシュ生成
- 24JWT Decoder & Expiry CheckerJWTデコーダー&有効期限チェッカー
- 25User-Agent ParserUser-Agent解析&デバイス判定
- 26UUID & ULID GeneratorUUID (v4) & ULID 一括生成
- 27Aspect Ratio Calculatorアスペクト比計算&サイズ算出
- 28Markdown Table & CSV/TSV ConverterMarkdownテーブル整形&CSV/TSV変換
- 29SQL Query FormatterSQLクエリフォーマッター&整形
- 30QR Code GeneratorQR Code Generator
- 31Regex Tester正規表現テスター
- 32Unix Timestamp ConverterUNIXタイムスタンプ⇄日時変換
- 33New Tab Memo新規タブメモ帳
- 34Image Resizer & Cropper画像リサイズ&クロップ
- 35EXIF Viewer & RemoverEXIF情報の確認&除去
- 36robots.txt Generatorrobots.txt ジェネレーター
- 37Password Generator安全なパスワード生成
- 38Case Converter文字列ケース変換
- 39CSV/TSV ⇄ JSON ConverterCSV/TSV ⇄ JSON 相互変換
- 40PDF Merge, Split & ExtractPDF結合・分割・ページ抽出
- 41Full-width ⇄ Half-width Converter全角⇄半角変換&テキストクリーナー
- 42X (Twitter) Post CounterX(Twitter)投稿の文字ウェイト計算
- 43CSS clamp() Fluid Typography CalculatorCSS clamp() 計算機
- 44CSS Gradient GeneratorCSSグラデーションジェネレーター
- 45Image Colour Palette Extractor画像からカラーパレット抽出
- 46QR Code ReaderQRコード読み取り
- 47SVG Optimizer & Data URISVG最適化&data URI化
- 48Redirect Generatorリダイレクトルール ジェネレーター
- 49IP / CIDR CalculatorIPアドレス・CIDR計算機
- 50ICS Calendar Event GeneratorICS Generator
- 51cubic-bezier Easing Preview & ComparisonEasing Preview
- 52CSS box-shadow Generatorbox-shadow ジェネレーター
- 53Japanese Dummy Text Generator和文ダミーテキスト生成
- 54Social Media Image ResizerSNS画像サイズ一括書き出し
- 55Time Zone Converter & World Clockタイムゾーン変換・世界時計
- 56Date & Business Day Calculator日数・営業日計算
- 57HTML → MarkdownHTML→Markdown変換
- 58HEIC to JPEG/PNG ConverterHEIC Converter
- 59Print Size & DPI Calculator印刷サイズ・DPI計算機
- 60Color Blindness SimulatorColor Blindness Simulator
- 61SERP Preview & Meta Tag Length CheckerSERPプレビュー&メタタグ文字数チェック
- 62Flexbox & CSS Grid GeneratorFlexbox / CSS Grid ジェネレーター
- 63Text Line Toolsテキスト行操作ツール
- 64Screenshot Frame & Background Makerスクリーンショット枠装飾
- 65Japanese Era ⇄ Western Calendar Converter和暦 ⇄ 西暦変換
- 66URL Slug Generator (Japanese → Romaji)URLスラッグ生成(日本語→ローマ字)
- 67htpasswd Generatorhtpasswd ジェネレーター
- 68OGP Image GeneratorOGP画像ジェネレーター