HTML画像変換API — HTMLとCSSを画像やPDFとしてrender
あなた自身のHTMLとCSSをHTMLテンプレートに貼り付け、ダブルブレースプレースホルダーで変わる部分をマーク し、1つのAPIコールでPNG、JPEG、WebPまたはPDFにrenderします — headless Chromiumで描画されるため、最新CSSはChromeのようにrenderされます。
毎月100 renders無料 · カード不要 · 有料プランは制限されません無料で試す：ブラウザでHTMLをPNGに変換 →仕組み
HTMLを貼り付け
エディタにHTMLテンプレートを作成してマークアップとスタイルを貼り付けます。ライブプレビューはまさに何がrenderされるかを表示します。
変数をマーク
変わるものをダブルブレースでラップします — タイトル、価格、イメージURL。テンプレートのデフォルトはリクエストが除外するものを埋めます。
API経由でrender
テンプレートidをあなたの値として修正してPOSTし、画像またはPDF URLを返します — または値を署名付きURLに置いてog:image タグとメール用。
1回のAPI呼び出し
curl https://api.mostlyrender.com/v1/renders \
-H "Authorization: Bearer mr_test_YOUR_KEY" \
-H "Content-Type: application/json" \
-d '{"templateId":"tpl_html_card","modifications":{"title":"Northwind Co.","subtitle":"v2.4 · 14 Oct"}}'よくある質問
ビジュアルエディタの代わりに自分のHTMLを使用できますか？
はい。HTMLテンプレートはマークアップとCSSを書いたまま保持し、任意のダブルブレースプレースホルダーがAPIパラメータになります。HTMLテンプレートとビジュアルレイヤーテンプレートは同じAPIを通じてrenderされるため、1つのアカウントで両方を使用できます。
各APIリクエストで生のHTMLを送信できますか？
直接的にはできません。HTMLは保存されたテンプレートに存在し、各リクエストは値のみを送信します。これでリクエストが小さく保たれ、同じrenderがキャッシュから提供されます。すでにオンラインにあるページをキャプチャするには、代わりにそのURLをスクリーンショットエンドポイントに送信します。
CSSはブラウザのようにrenderされますか？
テンプレートはheadless Chromiumでrenderされるため、最新CSS — flexbox、grid、カスタムプロパティ — はChromeの場合と同じように動作します。
プレースホルダーを埋めるとき、値はエスケープされていますか？
はい。ダブルブレースプレースホルダーは値をHTMLエスケープされたテキストとして挿入するため、ユーザーデータはマークアップを注入できません。意図的に信頼されたHTMLを挿入したい場合のみトリプルブレースプレースホルダーを使用します。
どの出力形式がサポートされていますか？
PNG（デフォルト）、JPEG、WebPおよび同じテンプレートからのPDF。署名付きrender URLはJPEGとWebPのq（0～100）品質とscale（1～3）高密度スクリーンのためにより高い出力を受け入れます。
HTMLCSStoImageとどう違いますか？
どちらもHTMLとCSSを画像に変換します。MostlyRenderはHTMLテンプレート横にビジュアルレイヤーエディタを追加し、2026年6月のレビューではHTCIの$10と比較して1,000あたり$3～$5で従量課金されます。HTCIは1,000画像で$14がより安い方法です。
HTMLから画像へのrenderingはいくらかかりますか？
各画像またはPDFは1つのrenderです。Freeプランは月100 rendersを含みます。Starterは$19で2,000、Proは$49で10,000、Scaleは$149で50,000。有料プランは上限の代わりに公開従量課金があります。