HTMLをPDFに変換 — Webページ入力、印刷用PDF出力。| Morph

実際に何ができるのか

レンダリング

ブラウザがエンジンです

ページを描画するエンジンと同じものがPDFを描画します。CSS、ウェブフォント、印刷メディアクエリ — ファイル内のページは画面のページと一致します。

ページ

@pageルールが尊重されます

ページサイズ、マージン、ヘッダー、フッター — すべてCSS @pageで制御可能です。レターサイズ、A4、カスタム寸法、すべてサポートされています。

BREAK

印刷ブレークが尊重されます

page-break-before、page-break-after、avoid-inside — すべて尊重されます。PDFは、ページをレイアウトした方法に従ってページ分割されます。

BATCH

URLリストまたはローカルファイル

.htmlファイルのフォルダをドロップします。各ファイルが個別のPDFになります。フリータイアには制限がありません。

仕組み

morph.coolを開いてください。ブラウザ専用でインストールは必要ありません。
.htmlファイルをドロップするか、スニペットを貼り付けてください。
出力形式を PDF として選択します。レンダラーはローカルで実行されます。
ページサイズ、マージン、ヘッダーを調整したい場合は設定します。デフォルトをそのまま使うこともできます。
PDFはダウンロードされます。HTMLは元の場所に残ります。

0アップロード

∞バッチ制限

1クリックエクスポート

アップロードしてキューイングするツールから離れる理由

インターネット上の「HTMLをPDFに変換」のチュートリアルは、3つのいずれかで終わります：「ヘッドレスブラウザをnpm installする」、「レンダリングAPIにサインアップする」、または「頑張ってください、土曜日に費やすことになります」。Morphはそのチェーンを切断します。ブラウザはすでにレンダリングエンジンなので、それを使用します。CSS、フォント、ページブレイク、印刷メディアクエリ — すべて尊重され、なぜならファイルを印刷するエンジンとページを描画するエンジンが同じだからです。

よくある質問

これはヘッドレスブラウザAPIやスクリプトコンバーターとどう違うのですか？

これらはAPIキー（レンダリングサービス）が必要か、重いローカルインストールが必要です（ヘッドレスブラウザ）。Morphはブラウザ内でレンダラーを実行します。キーもインストールも月額料金も必要ありません。

CSSの印刷メディアクエリは尊重されますか？

はい。@pageルール、page-break-before/after/inside、印刷専用スタイルシート — すべて尊重されます。

Webフォントについてはどうですか？

PDFに埋め込まれています。カスタムフォントは、ファイル内の表示方法が画面での表示方法と同じになります。

JavaScriptが重いページですか？

レンダラーはページが落ち着くのを待ってから印刷します。ほとんどのJSフレームワーク（React、Vue、Svelte）が正しくレンダリングされます。

一括処理は可能ですか？

はい。.htmlファイルのフォルダをドロップすると、PDFのフォルダが得られます。無料トライアルにはバッチ制限がありません。

無料トライアルはありますか？

はい。あなたのデバイス上で実行されるすべての機能は無料で、上限なしです。AIやサーバー作業は、約1セントのクレジットで支払います。